
body{margin:0; padding:0; line-height: 1.4; font-size: 16px; font-family: 'robotoregular';  }
      
body:before{}
      @font-face {
    font-family: 'roboto_condensedlight';
    src: url('../fonts/robotocondensed-light-webfont.woff2') format('woff2'),
         url('../fonts/robotocondensed-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'roboto_condensedregular';
    src: url('fonts/robotocondensed-regular-webfont.woff2') format('woff2'),
         url('fonts/robotocondensed-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotomedium';
    src: url('fonts/roboto-medium-webfont.woff2') format('woff2'),
         url('fonts/roboto-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

      .landing-section{position: relative; padding-top: 50px 0; width: 100%;  background-size: cover !important; }  
      .landing-section:before{content: ""; padding: 0; margin: 0; position: absolute; left: 0; top:0; height: 100%; width: 100%; background: rgba(0, 0, 0, 0.4);}
      .landing-content{margin:20px 0; color: #fff; font-size: 20px; }
       .landing-col{position:absolute; left: 0; top:50%; transform: translateY(-50%); padding:40px 0 40px 120px; max-width: 590px; text-align: center; width: 100%; box-sizing: border-box;}
       .landing-content .address-link h1{margin:0; padding: 5px 0 10px; font-size: 22px;}
      .landing-content{
        background: rgba(255,255,255, 1); border-radius: 55px;  
        text-decoration: none; font-size: 20px; color: blue; padding: 20px 35px; display: block;}
        .landing-content .address-link{display: block; position: relative; padding-top: 40px;}
       .landing-content .address-link a, .landing-content .address-link a:hover{position: relative; display: inline-block; text-decoration: none; color: blue; font-size: 20px; padding-top: 0px;} 
       .landing-content .address-link:before{content: ""; position: absolute; left: 50%; margin-left: -18px; top:0px; background: url('../images/location-icon.png')no-repeat; background-size: cover; height: 35px; width: 35px;}
       .landing-content .site-name{display: block; padding-top: 5px;}
       .landing-content .button{text-decoration: none; border-radius: 25px; font-size: 18px; display: inline-block; padding: 10px 25px; text-align: center; background: #50c2f0; color: #fff; position:relative;}
       .landing-content .button:before{content: ""; height: 70px; width: 70px; background: url('')}
       .phone-no{position: relative; padding-left: 45px;  font-size: 18px; text-decoration: none; display: inline-block; margin:15px 0;}
       .phone-no:before{content: ""; position: absolute; left: 0; top:-3px; background: url('../images/call-icon.png')no-repeat; background-size: cover; height: 35px; width: 35px;}
       .landing-content .logo img{width: 205px;}
       .landing-content .logo{margin:0 auto 10px;
       }

       @media only screen and (min-width:1451px){
         
        .landing-section{height: 100vh;}

       }

        @media only screen and (max-width:1450px){
       
        .landing-section{height: 900px;}   
        .landing-col{padding:40px;}

        }

        @media only screen and (max-width:1199px){
       
        .landing-content .button, .landing-content .address-link a, .landing-content .address-link a:hover{font-size: 18px;}
        .landing-content{font-size: 20px;}
        .landing-content .button{padding: 10px 20px;}

        }

        @media only screen and (max-width:767px){
        .landing-col{padding: 20px;}
        .landing-section{height: 850px;}

        }

         @media only screen and (max-width:479px){
         .landing-content .button, .landing-content .address-link a, .landing-content .address-link a:hover{font-size: 16px;}
         .landing-content .address-link h1{font-size: 20px;}
         }
