@import url("default.css");

/*Caption*/
.left {float: left; width: 5%; border-top: solid 3px #fcbc1c;}
.right {float: left; width: 95%; border-top: solid 1px #e6e6e6; margin-top: 1px;}

.mycap h1 {color: #fcbc1c; font-size: 14px;}
.more {background: #000; color: #fcbc1c; height: 30px; width: 100px; text-align: center; font-size: 12px;
	padding-top: 5px; margin-top: 12px;
}


.title {margin: 0 auto; margin-top: 40px; max-width: 980px; background: #f5f5f5; text-align: center; padding: 10px 0 15px 0;}
.title b{color: #b3b3b3;}
.title h1 {font-size: 35px;  background: url("../images/headline.png") 50% 100% no-repeat; padding: 10px 0 10px 0;}

.about {float: left; width: 50%; padding: 25px; color: #989898;}
#section {background: #fff; padding: 20px 15px;}

.about h1 {font-size: 35px; color: #000; padding: 10px 0 25px 0;}
.about h2 {background: url("../images/check.png") 0 50% no-repeat; padding-left: 30px; font-size: 15px; color: #000;}
#pics {width: 100%;}
#pics img {width: 100%;}

.brk1 {
	background: url('../images/bk1.jpg')  center center no-repeat;
	-webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

#client_wrap {background: #fff; padding: 40px;}
#clients {width: 100%;}
#client_wrap h1 {text-align: center; font-size: 35px; padding: 20px; max-width: 600px;
margin: 0 auto; margin-bottom: 40px; border-bottom: solid 1px #ebebeb;}
#client_wrap p {text-align: center; font-size: 14px; color: #454545;}

#clients img {width: 19%; display:block; float: left; margin-left: 1%; border-right: #ebebeb 1px solid;}
#clients img:first-child {margin-left: 0; border-left: #ebebeb 1px solid;}

#pics {width: 100%;}
#pics img {width: 100%;}

/*Mobile view*/
@media screen and (max-width: 75em) { 

}

@media screen and (max-width: 65em) { 


	
}

@media screen and (max-width: 55em) { 

.title h1 {font-size: 25px;}

}

@media screen and (max-width: 48em) { 
.about {float: none; width: 100%; padding: 25px;}
.break {height: auto; }
.break p {text-align: center; font-size: 18px; padding: 20px 15px;}
}




@media screen and (max-width: 40em) { 
	
}


@media screen and (max-width: 30em) { 
.title h1 {font-size: 15px;}
.break p {text-align: center; font-size: 14px; padding: 20px 15px;}
#client_wrap h1 {line-height: 1.4em;font-size: 18px;}
}

@media screen and (max-width: 25em) { 



}