/*
	Custom Stylesheet to styles mobile custom
	Created: 09-06-2016
*/
/* Medium only */
@media only screen and (min-width: 0px) and (max-width: 550px) {

	body{width: 100%;}
	#home {padding-bottom: 346px; }
	#home .logo {background-size: 85% auto; height: 188px; margin-top: 0; }

	.btn-content {font-size: 71%; margin: 25px 0; width: 100%; padding-left: 20px;}

	.min-height-600px {min-height: 300px !important; }
	 
	#home {padding-top: 20px; height: 300px; }

	#aboutUs {background: #f8db8b url("../images/backgrounds/about_480.png") no-repeat; background-size: 100% 100%; height: auto; padding: 7% 9% 100%; background-color: #F8DB8B; }

	.aboutText {width: 96%; }

	#services {background: #00a8ba url(../images/backgrounds/services_480.png); background-repeat: no-repeat; background-size: 100% 100%; height: auto; padding-top: 40px; padding-bottom: 20px;}
	
	.services {width: 90%; }

	.img-octopus {padding-right: 25px; width: 99%; }

	.text-serv1, .text-serv2, .text-serv3, .text-serv4, .text-serv5 {font-size: 80%; width: 18%; }

	.text-serv1 {left: 6%;  top: 23.5%; }
	.text-serv2 {right: 17%; top: 25%; }
	.text-serv3 {left: 4.5%; top: 48%; }
	.text-serv4 {right: 16%; top: 49.5%; }
	.text-serv5 {bottom: 3%; left: 35%; }

	#process {background: #FFFBEF url(../images/backgrounds/process_480.png); background-repeat: no-repeat; background-size: 100% auto; padding-left: 12px;  height: auto;}

	.processIcons {display: none;}

	.processText {margin-bottom: 20px; margin-top: 180%; }

	.process-cont {padding-left: 18%; }

	.descrip-Text {font-size: 30px; }

	.servicesIcons {max-width: 100%; }

	#work{ padding: 20px 50px 0 45px;  background-size: 250% auto;}
	
	.workText {padding-top: 23%; }

	#work ul.filter li::before {font-size: 28px; padding: 0 5px 0 5px; }
	#work ul.filter {padding: 0 35px; }
	#work ul.filter li a {font-size: 28px; }

	#contactUs {  
		background: url(../images/backgrounds/contactBackground_480.png); 
		background-repeat: no-repeat; 
		background-size: 100% auto;
		background-position: left bottom;
    	padding-bottom: 215px;
    	background-color: #ffffff;
    	padding-left: 30px;
    	padding-right: 35px;
	 }

	.contactText {margin-left: 30px; }

	.padLeft {padding-left: 18%; padding-right: 35px; padding-top: 20px; }

	.container {padding-left: 20px; padding-left: 20px; }

	

	h1, .h1 {font-size: 45px; }

	.text-author {font-size: 36px; }

 	.form-container {padding-top: 20px; }

	fieldset {padding: 30px 25px; }

	.editContent {text-align: justify; }

	.form-group {text-align: center; margin-bottom: 15px; }

	


}