@charset "UTF-8";



/*---- MOBIL ----*/
@media only screen and (max-width: 449px)
	{
		
body {background-color:#eef4fa;}

[class*="col-"] {width: 100%; }
		
.content {width: 100%;}	
		
.col-25 {width: 50%;}
		
@media (max-width: 360px){
	.col-25 {width: 100%;}
}
		
.product-card {
	padding: 60px 12px 40px 12px;
}

.mobilepadding {
	padding: 0px 12px;
}	

h2 { 
	font-size: 3em;
}	
		
#slider-container ul li img {
	width: 120%;
	float: left;
	margin-left: -10%;
}		
		
.product-page img {
	width: 85%;
	padding-top: 50px;
	padding-bottom: 0px;
}
	
.product-page h1 {
	font-size: 2.9em;
}		
		
.padding {
	padding: 35px;
}
		
.log-in-card h3 {
	font-size: 1.5em;
	text-align: center;
}
		
.log-in-card h4 {
	font-size: 1.5em;
	text-align: center;
}		
		
.cart-img {
	width: 120px;
	margin: 10px 0 10px 0;
}
		
}



/*---- TABLET ----*/
@media only screen and (min-width: 450px)
	{

body {background-color:#eef4fa;}
	
.col-100 {width: 100%;}
.col-66 {width: 100%;}
.col-50 {width: 100%;}
.col-40 {width: 100%;}
.col-33-2 {width: 100%;}
.col-33 {width: 50%;}
.col-25 {width: 50%;}
.col-20 {width: 33.3%;}
				
.content {width: 100%;}
		
.product-page img {
	width: 80%;
	padding-top: 80px;
	padding-left: 25px;
	padding-bottom: 0px;
}

.padding {
	padding: 35px;
}
		
.log-in-card h3 {
	font-size: 1.5em;
	text-align: center;
}
		
.log-in-card h4 {
	font-size: 1.5em;
	text-align: center;
}
		
.cart-img {
	width: 150px;
	margin: 10px 0 20px 0;
}		
		
}



/*---- COMPUTER ----*/
@media only screen and (min-width: 800px){

body {background-color:#eef4fa;}
	
.col-100 {width: 100%;}
.col-80 {width: 80%;}
.col-66 {width: 66%;}
.col-60 {width: 60%;}
.col-50 {width: 50%;}
.col-40 {width: 40%;}
.col-33-2 {width: 33.3%;}
.col-33 {width: 33.3%;}
.col-25 {width: 25%;}
.col-20 {width: 20%;}
	
	
.content {width: 100%; max-width: 900px; }
	
.product-page img {
	width: 100%;
	padding-top: 150px;
	padding-bottom: 80px;
}
	
.log-in-card h3 {
	font-size: 1.5em;
	text-align: left;
}
	
.log-in-card h4 {
	font-size: 1.5em;
	text-align: left;
}
	
.cart-img {
	width: 50%;
	margin: 10px 0 15px 0;
}	
	
}