/* ==========================================================================
CSS Queries
========================================================================== */


@media screen and (max-width:1368px) {
h1 {font-size: 50px; ; letter-spacing: 24px; line-height:60px}
}

@media screen and (max-width:1200px) {


.intro {padding: 40px 0;}
    p{font-size: 14px;}
	h1 {font-size: 50px; ; letter-spacing: 24px; line-height:60px}
	h2 {font-size: 16px; letter-spacing: 8px;}
	h3 {font-size: 14px; letter-spacing: 6px;}
	ul{font-size: 14px;}
	li {left: 0px; padding: 0px 15px 0px 0px;}
 
.topmargin {
margin-top: 30px;
}
   
    .shop-btn {  font-size: 14px; }
}




@media screen and (max-width:992px) {
    .shop-btn { padding: 15px 25px; font-size: 10px; }
	ul { padding: 0px 15px 0px 15px;}
	p {padding: 0px 15px 0px 15px;}
	h1 {font-size: 24px; ; letter-spacing: 14px; line-height:32px }
	h2, h3 {text-align: center;}
	.topmargin1, .topmargin {margin-top: 0px;}
	li {left: 15px; }
	#hero {padding-bottom: 15%; padding-top: 15%;}
	
}