#processbannercontainer
{  
    float: left; 
    width: 100%;
	background-image:url(file:///C|/Users/Joe/Desktop/MEDIA%20PRojects/CAM%20DETAILING/Website/img/header_background2.jpg); 
}  

#processbanner
{  
    float: left;
	height:52px;
	text-align:left;  
    width: 85%;
	background-image:url(img/itsallabout_banner.png);
	background-repeat: no-repeat;		
} 

#socialmedia
{  
    float: right;
	text-align:right;  
    width: 5%;
	padding-right: 25px; 				 	padding-top: 20px;
}   



#header1
{  
    float: left;  
    width: 100%;
	background-image:url(file:///C|/Users/Joe/Desktop/MEDIA%20PRojects/CAM%20DETAILING/Website/img/header_background.jpg); 
}  
 
 #banner1 {
	 width: 50%;
	 float:left;
	 margin-left:40px;       			 	 margin-right:30px;
	 margin-top:20px;
	 display:inline-block;  
}

 #banner2 {
	 width:280px; 
display:inline-block;
float:right;
margin-top:65px; margin-right:100px; padding-right: 0px; text-align: right; color:rgba(7,159,243,1.00); font-size:36px; font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif;  
}

#menucontainer1
{  
margin-bottom:0px; width: 100%;  height: 20px; background-color: rgba(0,0,0,1.00); color:rgba(255,255,255,1.00); font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size:15px; text-align:center; float:left; margin-left:auto; margin-right:auto; padding-top:3px; padding-left:auto; padding-right:auto;
overflow-y: hidden; 
    }    

#menu1 {
	 width: 15%;  
    float: left;
	background-color:rgba(0,0,0,1.00);
	height: 20px;  
}  
 
 #container1, #centerCol, #rightCol {  
    float: left;  
    width: 100%;  
}

 #servicescontainer1 {  
    float: left;  
    width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgba(238,244,248,1.00); 
}    

 #services1 {  
    float: left;  
    width: 22.5%;
	margin-bottom: 20px;
border-color:rgba(201,201,201,1.00); border-radius: 20px ; border-width: 0px; border-style:solid; margin-left: 18px;  background-color: rgba(255,255,255,0.5) ;
height:auto; box-shadow: 2px 2px 11px #E2E2E2; padding-bottom:15px;
text-align:center;
} 

 #servicesphoto1 {  
    float: none;
	margin-top:20px; 
}

 #servicespara1 {  
    float: none;
	margin-top:5px;
	width: 83%;
	margin-left: 21px;  margin-bottom: 15px; text-align:left;
	font-size:12px; font-family: actor;
}

 #servicesbullets1 {
	float: none;  
    width:87%;
	margin-top: 10px;
	color:#000000;
	margin-left: 30px;
	font-size:13px; 			font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; text-align:left;
}

#servicesbutton1 {
	float: none;
	width: 80%;
 	margin-top:15px; 										 	margin-left: auto;  					 	margin-right: auto;
 }   
 
 #footer {  
    float: left;
	height: auto;
	padding-top: 5px;
	background-color:rgba(0,0,0,1.00);
	color:rgba(216,216,216,1.00);
	vertical-align: middle;
	text-align:center;  
    width: 100%;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:12px;  
}


@media screen and (max-width: 480px){  
  
    #container {  
        width: 95%;  
    }  
  
#container1, #centerCol, #rightCol {  
        float: none;  
        width: 100%;  
        padding: 0px;  
    }
	
#menucontainer1
{  
margin-bottom:0px; width: 100%;  height: auto; background-color: rgba(0,0,0,1.00); color:rgba(255,255,255,1.00); font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size:16px; text-align:center; float:left; margin-left:auto; margin-right:auto; padding-top:5px; padding-left:auto; padding-right:auto  
    }	
	
#menu1 {  
        float: none;
		height: 25px;  
        width: 100%;  
        padding-top: 5px;
		margin-top: 1px;  
    }
	
#header1
{  
        float: left;  
        width: 100%;  
        padding: 3px;
		text-align:center;  
    }	
	
#banner1
 {  
        width:auto;
		float: none;  
        padding: 3px;
		margin-left:auto;
		margin-right: auto;
		    }
			
#banner2
 {  
        width:auto;
		float:none;
        padding: 3px;
		margin-left:auto;
		margin-right: auto;
		text-align:center;
		margin-top: -10px;
		margin-bottom: 10px;
		    } 
			
 #services1 {  
    float: left;  
    width: 90%;
border-color:rgba(201,201,201,1.00); border-radius: 30px ; border-width: 0px; border-style:solid; margin-left: 20px;  background-color:#ffffff; height:auto; box-shadow: 2px 2px 15px #999999; padding-bottom:15px;
text-align:center; 
}

 #servicesphoto1 {  
    float: none;
	margin-top:20px; 
}

 #servicespara1 {  
    float: none;
	margin-top:5px;
	width: 83%;
	margin-left: 21px;
	margin-bottom: 15px;
	text-align:left;
	font-size:13px;
	font-family: actor;
}

 #servicesbullets1 {
	float: none;  
    width:87%;
	margin-top: 10px;
	color:#000000;
	margin-left: 30px;
	font-size:17px; 			font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; text-align:left;
}

#servicesbutton1 {
	float: none;
	width: 80%;
 	margin-top:15px; 										 	margin-left: auto;  					 	margin-right: auto;
 }    
			      			 
#processbannercontainer
{  
	margin-top:15px;
	text-align:left;  
    width: 100%;
	height:45px;
	background-image:url(file:///C|/Users/Joe/Desktop/MEDIA%20PRojects/CAM%20DETAILING/Website/img/header_background2.jpg); 
}  

#processbanner
{  
	float: left;
	height:52px;
	text-align:left;  
    width: 89%;
	background-image:url(img/itsallabout_banner.png);
	background-repeat: no-repeat;
	background-size:102%;	
	display:inline-block;
	
} 

#socialmedia
{  
	text-align:right;
	padding-right: 10px;
	margin-left: 10px;				 	 	padding-top: 8px;
	display:inline-block;
}   


      
} 




@media screen and (max-width: 480px) and (orientation: landscape) { 

    #container {  
        width: 95%;  
    }  
  
#container1, #centerCol, #rightCol {  
        float: none;  
        width: 100%;  
        padding: 0px;  
    } 

#processbannercontainer
{  
	margin-top:15px;
	text-align:left;  
    width: 100%;
	height:45px;
	background-image:url(file:///C|/Users/Joe/Desktop/MEDIA%20PRojects/CAM%20DETAILING/Website/img/header_background2.jpg); 
}  

#processbanner
{  
	float: left;
	height:52px;
	text-align:left;  
    width: 90%;
	background-image:url(img/itsallabout_banner.png);
	background-repeat: no-repeat;
	background-size:103%;	
	display:inline-block;
	
} 

#socialmedia
{  
	text-align:right;
	padding-right: 5px;
	margin-left: 12px;				 	 	padding-top: 14px;
	display:inline-block;
}
	
#menucontainer1
{  
margin-bottom:5px; width: 100%;  height: auto; background-color: rgba(0,0,0,1.00); color:rgba(255,255,255,1.00); font-family: 'Gill Sans', 'Gill Sans MT', 'Myriad Pro', 'DejaVu Sans Condensed', Helvetica, Arial, sans-serif; font-size:16px; text-align:center; float:left; margin-left:auto; margin-right:auto; padding-top:5px;
padding-bottom:5px;  padding-left:auto; padding-right:auto  
    }	
	
#menu1 {  
        float: none;
		height: auto;  
        width: 100%;  
        padding-top: 5px;
		margin-top: 1px;  
    }
	
#header1
{  
        float: left;  
        width: 100%;  
        padding: 3px;
		text-align:center;  
    }	
	
#banner1
 {  
        width:auto;
		float: none;  
        padding: 3px;
		margin-left:auto;
		margin-right: auto;
		    }
			
#banner2
 {  
        width:auto;
		float:none;
        padding: 3px;
		margin-left:auto;
		margin-right: auto;
		text-align:center;
		margin-top: -10px;
		margin-bottom: 10px;
		    }  

 #servicescontainer1 {  
    float: left;  
    width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	background-color: rgba(238,244,248,1.00); 
}    			
 #services1 {  
    float: left;  
    width: 95%;
border-color:rgba(201,201,201,1.00); border-radius: 30px ; border-width: 0px; border-style:solid; margin-left: 20px;  background-color:#ffffff; height:auto; box-shadow: 2px 2px 15px #999999; padding-bottom:15px;
text-align:center; 
}

 #servicesphoto1 {  
    float: none;
	margin-top:20px; 
}

 #servicespara1 {  
    float: none;
	margin-top:5px;
	width: 87%;
	margin-left: 35px;
	margin-bottom: 15px;
	text-align:left;
	font-size:12px; font-family: actor;
}

 #servicesbullets1 {
	float: none;  
    width:95%;
	margin-top: 10px;
	color:#000000;
	margin-left: 50px;
	font-size:20px; 			font-family: Gotham, 'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:bold; text-align:left;
}

#servicesbutton1 {
	float: none;
	width: 80%;
 	margin-top:15px; 										 	margin-left: auto;  					 	margin-right: auto;
 }    
 
  #footer {  
    float: left;
	height: auto;
	padding-top: 5px;
	background-color:rgba(0,0,0,1.00);
	color:rgba(216,216,216,1.00);
	vertical-align: middle;
	text-align:center;  
    width: 100%;
	font-family:"Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", Helvetica, Arial, sans-serif;
	font-size:9px;  
}    

}