@import url(https://fonts.googleapis.com/css?family=Lato:400,700);

body{font-family: 'Lato';margin:0 auto;padding:0;font-size: 18px;line-height: 1.7;color:#353535;}

h1{font-size:48px;}

h2{font-size:26px;}

.call{font-size:24px;font-weight: bold;color:#353535;margin:15px 0;display:block;}

.main-btn{background:#55c9d8;color:#fff;padding:8px 25px;font-size:18px;border-radius: 5px;border:none;font-weight: bold;}

.width-main{width:70%;margin:0 auto;overflow: hidden;}

.space{padding:50px 0;}

.space-2{padding:20px 0;}

.color-main{width:100%;background:#1e73be;color:#fff;}

.color-main h2, .color-main .call{color:#fff;}

.color-normal{width:100%;background:#e7fbfe;}

.tc{text-align: center;}

.brand-holder{width:40%;float: left;}

.menu-holder{width:60%;float: left;text-align: right;}

.brand-holder img{height:80px;}

ul, ul li{list-style: none;margin:0;padding:0;}

ul {margin-top: 27px;}

li{display:inline;}

.menu-holder a {color: #333;font-weight: bold;padding: 0 20px;text-transform: uppercase;}

.nav-sec{overflow: hidden;}

#top-section{background:url(top-img.jpg);background-size: 100% 100%;background-attachment: fixed;padding-top:20px;}

.about #top-section, .contact #top-section{background:#fff;padding:20px 0;}

a, a:hover{text-decoration: none;transition:all .4s;}

label{width:100%;margin:10px 0;display:block;font-size: 18px;font-weight: bold}

input, textarea{padding:7px 5px;width:300px;border-radius:5px;border:none;}textarea{width:500px;}

.sub{padding:7px 25px;background:#e7fbfe;border:none;border-bottom:5px solid #b7daef;border-radius:5px;color:#1e73be;font-weight: bold;font-size: 18px;margin:20px 0;}

form {margin: 0 auto;width: 70%;}

@media only screen and (min-width: 768px) and (max-width: 960px) {

.width-main{width:90%;}

h1 {font-size: 39px;}

textarea {width: 400px;}

}

@media only screen and (max-width: 767px) {

.width-main{width:98%; padding:0 1%;}

.space{padding:20px 0;}

.brand-holder{width:100%;float: none;text-align: center;}

.menu-holder{width:100%;float: none;text-align: center;}

ul {margin-top: 27px;}

li{display:list-item;padding-bottom:10px;}

h1 {font-size: 28px;}

h2{font-size: 20px;}

body{font-size: 16px;line-height: 1.4}

.main-btn, .call {font-size: 16px;}

form {margin: 0 auto;width: 100%;}

input, textarea {width: 80%;}

.menu-holder a {border-bottom: 3px solid #333;display: block;margin-bottom: 10px;}

}

@media only screen and (min-width: 480px) and (max-width: 767px) {

}

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (min-device-pixel-ratio: 2) {
}