@font-face {
    font-family: Digital;
    src: url(../fonts/digital-7.ttf);
    font-weight: 400;
}

.product-container {
	display:flex;
	justify-content: center;
	width: 100%;
	padding: 10px;
	margin-bottom:70px;
	/* border-radius: 8px; */
	/* background-color:white; */
}

.product-content {
	display:flex;
	flex-direction: column;
	align-items: center;
	width:60%;
	background-color:#78009b;
	padding: 10px;
	border-radius: 5px;
	font-size:18px;
	font-weight: 700;
	color:white;
}

.price-img {
	margin-top:10px;
	width:50%;
	cursor:pointer;
}

.counter-container {
	margin-top:10px;
	width:50%;
	/* background-color:rgb(222, 119, 103); */
	padding:5px;
	font-size: 2em;
}

.month-content {
	display:flex;
	width:100%;
	justify-content: space-between;
	color:black;
	text-transform: uppercase;
}

.month-title {
	padding:5px;
	width:38%;
	background-color:goldenrod;
	border-radius:5px;
}

.month-count {
	font-family: 'Digital';
	padding:5px;
	width:61%;
	background-color:goldenrod;
	text-align: right;
	border-radius:5px;
	font-size: 1.5em;
}

.total-content {
	display:flex;
	width:100%;
	justify-content: space-between;
	color:black;
	margin-top:10px;
}

.total-title {
	padding:5px;
	width:38%;
	background-color:goldenrod;
	border-radius:5px;
}

.total-count {
	font-family: 'Digital';
	padding:5px;
	width:61%;
	background-color:goldenrod;
	text-align: right;
	border-radius:5px;
	font-size: 1.5em;
}

@media screen and (max-width: 1366px) {
	.product-container {
		flex-direction: column;
		align-items: center;
	}
	
	.product-content {
		width: 90%;
	}
	
	.price-img {
		width: 50%;
	}
	
	/* .counter-container {
		width: 50%;
	} */
}

@media screen and (max-width: 460px) {
	.product-banner {
		width:100%;
	}

	.price-img {
        width: 100%;
    }

	.counter-container {
		width:100%;
	}

	.product-content {
		font-size:16px;
	}
}