@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800);
@import 'https://fonts.googleapis.com/css?family=Lato';
*{margin:0;padding:0;border:0;}
html, body{background-color:#FFF; height:100%;}
.clear{clear:both;}
.logo-number{background: url(../images/logo-menu-bg.png) center center #FFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.logo{margin:15px 0;}
.nav-bar{background-color:#107d67;}
.menu-bar li{list-style:none; float:left; font-family:lato; font-size:15px; padding:13px 0;}
.menu-bar a{color:#FFF; padding:5px 30px; text-decoration:none; border-right:1px solid #0d594a; border-left:1px solid #16a78a;}
.menu-bar li:hover{background-color:#16b999;}
li.active{background-color:#16b999;} .navbar-toggle,.icon-bar{border:1px solid #FFF;}
li.border-left a{border-left:none;}
li.border-right a{border-right:none;}
.number{margin:15px 0;}
.phone-icon{z-index:99999; }
.phone-number{background-color:#FFF; margin:12px 0 0 -35px; z-index:999;}
.phone-number p{font-family:arial; font-size:30px; padding:10px 0 0 20px;}

li.active a{border-right:0px solid #0d594a; border-left:0px solid #16a78a;}

.top-text h2{font-family:lato; font-size:40px; color:#FFF; margin:110px 0 30px 0; line-height:52px;}
.top-text p{font-family:lato; font-size:16px; color:#FFF;}
.top-text h3{font-family:lato; font-size:40px; color:#FFF; font-weight:bold; margin:30px 0 80px 0;}
.top-text h3 span{color:#16b999;}

.section1{background-color:#f2f0f0; padding:80px 0;}
.main-text h2{font-family:lato; font-size:22px; font-weight:bold; color:#555555; margin:35px 0 20px 0;}
.main-text p{font-family:lato; font-size:15px; color:#555555; line-height:25px; margin:0 0 35px 0;}

.section2{background-color:#16b999; padding:80px 0;}
.section2-text h2{text-align:center; font-family:lato; font-size:24px; font-weight:bold; color:#f2f0f0; margin:0 0 20px 0;}
.section2-text p{font-family:lato; font-size:15px; color:#f2f0f0; line-height:25px; margin:45px 0 0 0;}
#center-text{text-align:center;}
.section2-text ul{margin:30px 0;}
.section2-text li{background: url(../images/list-icon.png) no-repeat left center; list-style:none; font-family:lato; font-size:18px; color:#f2f0f0; padding:6px 0 0 43px; margin:5px 0;}

.footer-full{background-color:#1b1b1b; padding:90px 0;}
.copyright p{font-size:14px; font-family:lato; color:#777777; margin-top:12px;}
.footer-number p{ text-align:center; font-size:32px; font-family:lato; color:#16b999; font-weight:bold;}
.social-icon ul{float:right;}
.social-icon li{float:left; margin:0 12px; list-style:none;}
.top-text-main{background: url(../images/bg.png) center center #FFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.top-text-main2{background: url(../images/bg2.png) center center #FFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.top-text-main3{background: url(../images/bg3.png) center center #FFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}
.top-text-main4{background: url(../images/bg4.png) center center #FFF; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size:cover;}

.bottom-number{margin-top:80px;}
.page-top-margin{margin-top:70px;}
.page-section1{background-color:#fff; padding:80px 0;}
.page-section2{background-color:#efede7; padding:80px 0;}
.page-bottom-number p{font-size:32px; font-family:lato; color:#fff; font-weight:bold;}
.homepage-section1-margin40{margin-top:100px;}

.page-section4{background-color:#16b999; padding:80px 0;}
.page-section5{background-color:#107d67; padding:80px 0;}
.main-text2 h2{font-family:lato; font-size:22px; font-weight:bold; color:#fff; margin:35px 0 20px 0;}
.main-text2 p{font-family:lato; font-size:15px; color:#fff; line-height:25px; margin:0 0 35px 0;}
.image-margin{margin:40px 0 40px 80px;}

.main-text img{margin-top:70px;}
.section2-text img{margin-top:70px;}

.contact-page{margin-top:60px;}
.contact-main h2{text-align:center; font-family:lato; font-size:24px; font-weight:bold; color:#f2f0f0; margin:0 0 20px 0;}
.contact-text{background-color:#128f76; padding:8px 12px 0 0;}
.contact-text p{text-align:right; font-family:lato; font-size:15px; color:#fff;}

#name,#phone,#email,#year,#make,#model,#price{background-color:#21b295; width:100%; padding:5px 15px; border:0;  height:40px; margin-bottom:13px; color:#FFF;}
#submit{font-size:15px; font-family:lato; border:1px solid #FFF; background-color:transparent; color:#FFF; font-weight:bold; width:50%; padding:12px 16px; border-radius:0px; margin-top:15px; margin-bottom:50px;}


@media only screen and (max-width: 768px) {
body{text-align:center;}
#submit{width:100%;}
.contact-text{background-color:#128f76; padding:8px 12px 1px 0; margin-bottom:5px;}
.contact-text p{text-align:center; font-family:lato; font-size:15px; color:#fff;}
.phone-icon{z-index:99999; margin-left:50px }
.phone-number{background-color:#FFF; margin:12px 0 0 0px; z-index:999;}
.phone-number p{font-family:arial; font-size:30px; padding:10px 0 0 0px;}
.homepage-section1-margin{margin-top:75px;}
.menu-bar li{width:90%;}
.menu-bar a{color:#FFF; padding:5px 30px; text-decoration:none; border-right:0px solid #0d594a; border-left:0px solid #16a78a;}
.top-text h2{font-family:lato; font-size:30px; color:#FFF; margin:70px 0 30px 0;}
.top-text h3{font-family:lato; font-size:34px; color:#FFF; font-weight:bold; margin:30px 0 80px 0;}
}


.b{border:1px solid red;}
.h{height:100px;}