@font-face {
    font-family: 'CalibreMedium';
    src: url('fonts/CalibreMedium.eot');
    src: url('fonts/CalibreMedium.eot') format('embedded-opentype'),
         url('fonts/CalibreMedium.woff2') format('woff2'),
         url('fonts/CalibreMedium.woff') format('woff'),
         url('fonts/CalibreMedium.ttf') format('truetype'),
         url('fonts/CalibreMedium.svg#CalibreMedium') format('svg');
}

body{background: url("../images/Header.png") right top no-repeat; font-family: 'CalibreMedium'; color: #6d6e71;}


header { padding: 156px 0 100px;} .navbar-collapse{padding-right: 40px; font-size: 20px; text-transform: uppercase;} 
.fixed-top{background-color: rgba(255,255,255,0.80)}
.nav-link{padding:0.2rem 0.5rem; line-height: 18px; margin: 0 10px; position: relative;} .nav-link:after{content:""; }
.nav-link:hover{text-decoration: none; text-decoration-color: #ec2e54; padding:0.2rem 0.5rem; line-height:18px; position: relative;}   
.nav-link:hover:after, .nav-link.active:after,h2:after { content: ''"";  width: 100%;  position: absolute;  left: 0;   bottom: 1px;    border-width: 0 0 2px;   border-style: solid; border-color: #ec2e54;}
.nav-item{border-right: 1px solid #000;} .navbar-nav li:last-child{border-right: none;}
h2{position: relative; margin-bottom: 80px; } h2:after{ width: 10%; left: 45%;} h3{color: #000; font-size: 22px;}
section#home{ font-size: 21px; color: #6d6e71;} .border-red-left{border-left:2px solid #ec2e54;} .col-content{font-size: 18px; width: 68%; display:inline-block;} .getbuttons a , .sendbuttons{background: #ec2e54; padding: 5px 8px 1px; display: inline-block; color: #fff; position: absolute; bottom: 0;} .getbuttons.right a{right: 15px;}  .getbuttons a:hover{text-decoration: none; color: #FFFFFF;} .gaptop{padding-top:100px;} 
#groupcompanies .col-md-4{margin-bottom: 75px;} #groupcompanies .col-md-4 img{-webkit-box-shadow: 3px 2px 5px 0px rgba(133,133,133,1);
-moz-box-shadow: 3px 2px 5px 0px rgba(133,133,133,1);
    box-shadow: 3px 2px 5px 0px rgba(133,133,133,1);} .sendbuttons{position: relative;} .form-group input, .form-group textarea{border:none; font-size: 20px; padding:1.5rem .75rem;} 
.navbar-toggler-icon{background: url("../images/menu.png") left top no-repeat; background-size:36px;}
a{color:#000;} a:hover{color: #212121;}
section { padding: 235px 0 130px;} section#contact{padding-top:190px;} section#ourbrand .container.mobileview{display:none;}

/*for mobile*/
@media only screen and (max-width: 680px) {
    body {background-size: 90%; background-position: 150px 296px;}  section#home .row{width: 255px;}
    html, body {width: 100%;} #ourbrand .col-md-6{margin-bottom: 10px; padding-right: 10px;} .getbuttons a{position:relative;} #ourbrand .col-md-6.text-right{text-align: center;}
    .col-content{width: 100%;} section#ourbrand .container.deskview{display:none;} section#ourbrand .container.mobileview{display:block;}
    .navbar-brand {text-align: center; margin-left:30%;} .navbar-brand img{width: 60%} h2{margin-bottom: 30px;} .gaptop {padding-top: 35px;}
    .navbar-collapse{padding-right:0;} .navbar-nav{padding-top:0px;} .nav-item { border-right: 0; text-align: right; margin: 8px 0; display: flex;}
    
    
    section { padding: 100px 0 0;}section#contact {padding-top: 50px;}section#home{padding-top:150px;}
}