@charset "UTF-8";

/* Larger Screen */


/* Larger Screen */
@media only screen and (max-width : 1200px) {




.head h1 {font-size:42px;color:#222328;display:block;padding:25px;margin-top:0px;}
.head p {font-size:18px;color:#222328;padding:25px;padding-top:0px;padding-bottom:15px;}



}

/* Middle Screen */
@media only screen and (max-width : 1100px) {
	
	
.head {margin-top:0px;}
.logo {float:left;margin-bottom:25px;width:60%;margin-top:60px;}
.truck {float:right;position:relative;width:40%;margin-top:120px;}


.slider-text {
	position: absolute;
    top: 0%;
    z-index: 5;
    width: 38%;
	right:6%; transform: skew(-18deg); 
	background:rgba(0,0,0,.7);
	padding:35px;
}

.slider-text h1 {color:#ffcb00;font-size:24px;display:block;margin-bottom:15px;margin-top:0px; transform: skew(18deg);text-align:center;}
.slider-text p {color:#fff; transform: skew(18deg); font-size:16px;text-align:center;}

		
		
.footerbackX {margin-top:-720px;}
		
}

/* Tablet Screen */
@media only screen and (max-width : 768px) {
	
.logo {margin-bottom:25px;width:60%;margin:0 auto;text-align:center;margin-top:30px;}
.head {padding:10px;}


.slider-text {
	position: absolute;
    top: 0%;
    z-index: 5;
    width: 45%;
	right:6%; transform: skew(-18deg); 
	background:rgba(0,0,0,.7);
	padding:35px;
}



.footer-right {float:none;width:80%;margin:0px;margin:0 auto;display:table;}
.follow-us img {float:left;margin:8px;width:50px;}
.follow-us {float:none;margin:0 auto;display:table;text-align:center}
.footerlogo {text-align:center;}
.footerlogo p {text-align:center;}
.footerlogo img {margin:0 auto;display:table;float:none}

.footerbackX {margin-top:-650px;}




}


/* Small Screen */
@media only screen and (max-width : 650px) {





.head .app {float:left;width:190px;margin-right:15px;}
.head h1 {font-size:31px;}
.head p {font-size:18px;}
.mobilcentered {margin:0 auto;text-align:center;display:table;float:none}
.head .app {float:none}

.logo {width:100%;}
.truck {width:70%;margin-top:0px;}


.slider-text {
	position: absolute;
    top: 0%;
    z-index: 5;
    width: 55%;
	right:3%; transform: skew(-18deg); 
	background:rgba(0,0,0,.7);
	padding:25px;
}

.slider-text h1 {color:#ffcb00;font-size:16px;display:block;margin-bottom:15px;margin-top:0px; transform: skew(18deg);text-align:center;}
.slider-text p {color:#fff; transform: skew(18deg); font-size:13px;text-align:center;}





}

/* Extra Small Screen */
@media only screen and (max-width : 370px) {
	



        
}