/*
- Mobile: 375px
- Desktop: 1440px
*/

/* X-Small devices (portrait phones, less than 576px) */
@media (max-width: 576px) {
    .card_container {
        display: flex;
        flex-direction: column;
        width: 80%;
        height: 80%;
        margin: auto;
    }

    .product_image > img {
        opacity: 0;
    }

    .product_image {
        width: 100%;
        background-image: url('../images/image-product-mobile.jpg');
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        height: 50%;
        border-radius: 8px 8px 0px 0px;
    }

    .product_info {
        border-radius: 0px 0px 10px 10px;
        width: 100%;
        height: 60%;
    }

    .product_info > h2 {
        font-family: 'Fraunces', serif;
        font-weight: 800;
    }

    .attribution {
        padding: 15px;
    }
}

@media (min-width: 576px) {
	.card_container {
		width: 500px;
	}

    .product_image > img {
        height: 100%;
    }
}

@media (min-width: 768px) {
	.card_container {
		width: 520px;
	}
}

@media (min-width: 992px) {
	.card_container {
		width: 550px;
	}
}

@media (min-width: 1200px) {
	.card_container {
		width: 580px;
	}
}

@media (min-width: 1400px) {
	.card_container {
		width: 580px;
	}
}