@font-face {
  font-family: 'Gotham-Bold';
  src: url('FontFace/Gotham-Bold/Gotham-Bold.eot?#iefix') format('embedded-opentype'),  url('FontFace/Gotham-Bold/Gotham-Bold.otf')  format('opentype'),
	     url('FontFace/Gotham-Bold/Gotham-Bold.woff') format('woff'), url('FontFace/Gotham-Bold/Gotham-Bold.ttf')  format('truetype'), url('Gotham-Bold.svg#Gotham-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Book';
  src: url('FontFace/Gotham-Book/Gotham-Book.eot?#iefix') format('embedded-opentype'),  url('FontFace/Gotham-Book/Gotham-Book.otf')  format('opentype'),
	     url('FontFace/Gotham-Book/Gotham-Book.woff') format('woff'), url('Gotham-Book.ttf')  format('truetype'), url('FontFace/Gotham-Book/Gotham-Book.svg#Gotham-Book') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'Gotham-Light';
  src: url('FontFace/Gotham-Light/Gotham-Light.eot?#iefix') format('embedded-opentype'),  url('FontFace/Gotham-Light/Gotham-Light.otf')  format('opentype'),
	     url('FontFace/Gotham-Light/Gotham-Light.woff') format('woff'), url('FontFace/Gotham-Light/Gotham-Light.ttf')  format('truetype'), url('FontFace/Gotham-Light/Gotham-Light.svg#Gotham-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gotham-Black';
  src: url('FontFace/Gotham-Black/Gotham-Black.eot?#iefix') format('embedded-opentype'),  url('FontFace/Gotham-Black/Gotham-Black.otf')  format('opentype'),
	     url('FontFace/Gotham-Black/Gotham-Black.woff') format('woff'), url('FontFace/Gotham-Black/Gotham-Black.ttf')  format('truetype'), url('FontFace/Gotham-Black/Gotham-Black.svg#Gotham-Black') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamCondensed-Bold';
  src: url('FontFace/GothamCondensed-Bold/GothamCondensed-Bold.eot?#iefix') format('embedded-opentype'),  url('FontFace/GothamCondensed-Bold/GothamCondensed-Bold.otf')  format('opentype'),
	     url('FontFace/GothamCondensed-Bold/GothamCondensed-Bold.woff') format('woff'), url('FontFace/GothamCondensed-Bold/GothamCondensed-Bold.ttf')  format('truetype'), url('FontFace/GothamCondensed-Bold/GothamCondensed-Bold.svg#GothamCondensed-Bold') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
  font-family: 'GothamCondensed-Light';
  src: url('FontFace/GothamCondensed-Light/GothamCondensed-Light.eot?#iefix') format('embedded-opentype'),  url('FontFace/GothamCondensed-Light/GothamCondensed-Light.otf')  format('opentype'),
	     url('FontFace/GothamCondensed-Light/GothamCondensed-Light.woff') format('woff'), url('FontFace/GothamCondensed-Light/GothamCondensed-Light.ttf')  format('truetype'), url('FontFace/GothamCondensed-Light/GothamCondensed-Light.svg#GothamCondensed-Light') format('svg');
  font-weight: normal;
  font-style: normal;
}


mark {
    color:deeppink;
}

a:any-link{
    color:white;
}



/*------------------------XS------------------*/

@media (max-width: 576px){
   html, body {
    max-width: 100%;
    overflow-x: hidden;
}

    .home-logo{
        margin:2vw 2vw 0 0vw;
        width:10vw;
        float:right;
    }

    .nat-trust{
        margin:1vw 0 0vw 2vw;
        width:7vw;
    }
    #section1 {
        position:relative;
        background-image: url(../assets/main.jpg);
        background-repeat:no-repeat;
        background-size: 100%;
        height:60vw;
        background-position: top left;
    }
    #sectoneimg{
        position:absolute;
        top:0;
    }
    #section1 .header{
        position:relative;
    }
   #section1 .sectone{
        position:absolute;
        top:30vw;
    }
    #section1 h1{
        margin:0 0 0 3vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: white;
        font-family:'Gotham-Black';
        text-transform: uppercase;
        font-size:7.2vw;
    }
    #section1 h2{
        margin:0 0 0 3vw;
        color:#ffffff;
        font-family:'Gotham-Black';
        text-transform: uppercase;
        font-size:4.5vw;
    }
    #section2{
        position:relative;
        padding:2vw 0;
        background-image:url(../assets/green-block.svg);
        background-repeat:no-repeat;
        background-position:top -0.2vw right 0vw;
        background-size:contain;
        height:auto;
        border-bottom: 5px solid #f2f2f2;
    }
    .sect2-heading{
        margin:3vw 0 0 3vw;
        
    }
    #section2 h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:8vw;      
    }
    #section2 h2{
        margin:0vw 0vw 0 25vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:8vw;      
    }
    #section2 .push{
        margin:0 0 0 0vw;
    }
    #section2 p{
        width:70ch;
        margin:2vw 0 0 3vw;
        padding:1vw 0vw 0 0;
        color:#0f0032;
        font-family:'Gotham-Book';
        font-size:1.6vw;      
    }
 
    #section2 .call-out{
        width:50ch;
        margin:0vw 0vw 0 -0.5vw;
        font-family:'Gotham-Bold';
        font-size:1.9vw;
        line-height: 1.3;
    }
     #section2 .vital-service-block{
        margin:0 0 0 -5vw;
    }
     #section2 h3{
     margin:10vw 0vw 0 0vw;
     font-family:'Gotham-Bold';
     font-size:5vw;  
    }
     #section2 h4{
     margin:0vw 0vw 0 0vw;
     font-family:'Gotham-Bold';
     font-size:2.5vw;  
    }
       .infobox{
        width:35vw;
        margin:2vw 0 0 1vw;
    }
    .infopic{
        width:5vw;
        padding:0 0 1vw 0;
    }
   #section2 .infopara{
       width:20ch;
      font-family:'Gotham-Book';
      font-size:1.7vw; 
       line-height: 1.2;
       margin:-2.5vw 0 0 0;
    }
    
    #section3{
        position: relative;
        padding:5vw 0vw 5vw 0;
        background-color:#f2f2f2;
        
    }
    #section3 .sectthree{
        position: absolute;
        top:5vw;
        right:0rem;
        margin:0 0vw 0 0rem;
    }
    .outline{
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;  
    }
    #section3 h1{
        margin:0 0 0 0vw;
        padding:0 0rem 0 0;
        text-align: left;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:7vw;      
    }
    #section3 h3{
        margin:1vw 0 0.5vw 0vw;
        padding:0 0rem 0 0;
        text-align: center;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:5vw;      
    }
    .brief{
        margin:5vw auto 0 auto;
        display:block;
        width:90%;
        border: 1px solid #0f0032;
    }
   .BUTTON_DWO {
    margin:0 0 0 42%;
   -webkit-border-radius: 0.5vw;
   -moz-border-radius: 0.5vw;
   border-radius: 0.5vw;
   color: #FFFFFF;
   font-family:'Gotham-Book';
    text-align: center;
   font-size: 3vw;
   padding:0.3vw 0.5vw;
   background-color: #0f0032;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_DWO:hover {
   background: #1E62D0;
}
    #section4a{
        padding:5vw 0 5vw 0;
        position: relative;
        background-color:#f2f2f2;
        background-image:url(../assets/purple-block.svg);
         background-repeat:no-repeat;
        background-position:top left;
        background-size: 10vw;
        height:auto;
    }
    #section4a .header{
        margin:0vw 0vw 0 10vw;    
    }
    #section4a h1{
        margin:0vw 0vw -1vw 0vw;
        color: white;
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:7.0vw;      
    }
    #section4a h2{
        margin:0vw 0vw 0 16vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:7.0vw;      
    }
    #section4a p{
        width:70ch;
        margin:2vw 0 0 10vw;
        padding:1rem 0vw 0 0;
        color:#000000;
        font-family:'Gotham-Book';
        font-size:1.5vw;      
    }
    #section4a .call-out{
        width:50ch;
        margin:4vw 0vw 0 10vw;
        font-family:'Gotham-Bold';
        font-size:1.9vw;
        line-height: 1.3;
    }
      #scroller{
        padding:3vw 0;
    }
    #scroller img{
        width:8vw
    }
    #scroller h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:6.0vw;  
    }
    #contact-us{
        padding:4vw 0;
        background-color:#ffffff;

    }
    #contact-us h2{
        margin:0vw 0vw 4vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:6.0vw;       
    }
    #contact-us h3{
        margin:3vw 0vw 0 0vw;
        color:#0f0032;
        text-align: center;
        font-family:'Gotham-Black';
        font-size:5vw;  
    }
   #contact-us h4{
        margin:1.5vw 0vw 0 0vw;
       text-align: center;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:3vw;   
    }
   #contact-us h5{
        margin:0vw 0vw 3vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:4vw;   
    }
    #contact-us p{
        margin:1.5vw 0 0 0;
        color:#000000;
        text-align: center;
        font-family:'Gotham-Book';
        font-size:2.5vw;  
    } 
      #contact-us h5{
        margin:0vw 0vw 2vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:2vw;   
    }     
    #footer{
        margin:0vw 0 0 0;
        padding:1rem 0 1rem 0;
        background-color: #d8d8d8;
    }
    #footer a:any-link{
        color:#ffffff;
    }
    .address{
        margin:0 0 0 0vw;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size:0.5rem;
        line-height: 1.3;
        color:#000000; 
    }

    .footer-logos{
        margin:0 auto;
        display:block;
        width:10vw;
    }
    #copyright{
        padding:3vw 0 0vw 0;
        background-color: #0f0032;
        color:white;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size: 1vw;
        
    }

  
   
}






/*--------------------------------------------------------------------------------*/



@media (min-width: 576px){
    html, body {
    max-width: 100%;
    overflow-x: hidden;
}

    .home-logo{
        margin:2vw 2vw 0 0vw;
        width:10vw;
        float:right;
    }

    .nat-trust{
        margin:1vw 0 0vw 2vw;
        width:7vw;
    }
    #section1 {
        position:relative;
        background-image: url(../assets/main.jpg);
        background-repeat:no-repeat;
        background-size: 100%;
        height:60vw;
        background-position: top left;
    }
    #sectoneimg{
        position:absolute;
        top:0;
    }
    #section1 .header{
        position:relative;
    }
   #section1 .sectone{
        position:absolute;
        top:25vw;
    }
    #section1 h1{
        margin:0 0 0 3vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: white;
        font-family:'Gotham-Black';
        text-transform:uppercase;
        font-size:7.2vw;
    }
    #section1 h2{
        margin:0 0 0 3vw;
        color:#ffffff;
        font-family:'Gotham-Black';
        text-transform:uppercase;
        font-size:4.5vw;
    }
    #section2{
        position:relative;
        padding:2vw 0;
        background-image:url(../assets/green-block.svg);
        background-repeat:no-repeat;
        background-position:top  right;
        background-size:contain;
        height:auto;
        border-bottom: 5px solid #f2f2f2;
    }
    .sect2-heading{
        margin:6vw 0 0 6vw;
        
    }
    #section2 h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:8vw;      
    }
    #section2 h2{
        margin:0vw 0vw 0 25vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:8vw;      
    }
    #section2 .push{
        margin:0 0 0 0vw;
    }
    #section2 p{
        width:70ch;
        margin:2vw 0 0 3vw;
        padding:1vw 0vw 0 0;
        color:#0f0032;
        font-family:'Gotham-Book';
        font-size:1.6vw;      
    }
 
    #section2 .call-out{
        width:60ch;
        margin:0vw 0vw 0 1vw;
        font-family:'Gotham-Bold';
        font-size:1.8vw;
        line-height: 1.3;
    }
     #section2 .vital-service-block{
        margin:0 0 0 -2vw;
    }
     #section2 h3{
     margin:10vw 0vw 0 0vw;
     font-family:'Gotham-Bold';
     font-size:3vw;  
    }
     #section2 h4{
     margin:0vw 0vw 0 0vw;
     font-family:'Gotham-Bold';
     font-size:2vw;  
    }
       .infobox{
        width:35vw;
        margin:2vw 0 0 1vw;
    }
    .infopic{
        width:5vw;
        padding:0 0 1vw 0;
    }
   #section2 .infopara{
       width:19ch;
      font-family:'Gotham-Book';
      font-size:1.5vw; 
       line-height: 1.2;
       margin:0 0 0 0;
    }
    
    #section3{
        position: relative;
        padding:3vw 0vw 3vw 0;
        background-color:#f2f2f2;
    }
    #section3 .sectthree{
        position: absolute;
        top:5vw;
        right:0rem;
        margin:0 0vw 0 0rem;
    }
    .outline{
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;  
    }
    #section3 h1{
        margin:0 0 0 0vw;
        padding:0 0rem 0 0;
        text-align: left;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:7vw;      
    }
    #section3 h3{
        margin:1vw 0 0.5vw 0vw;
        padding:0 0rem 0 0;
        text-align: center;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:1vw;      
    }
    .brief{
        margin:0 0 0 0;
        width:100%;
        border: 1px solid #0f0032;
    }
   .BUTTON_DWO {
    margin:0 0 0 35%;
   -webkit-border-radius: 0.5vw;
   -moz-border-radius: 0.5vw;
   border-radius: 0.5vw;
   color: #FFFFFF;
   font-family:'Gotham-Book';
    text-align: center;
   font-size: 1vw;
   padding:0.3vw 0.5vw;
   background-color: #0f0032;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_DWO:hover {
   background: #1E62D0;
}
    #section4a{
        padding:5vw 0 5vw 0;
        position: relative;
        background-color:#f2f2f2;
        background-image:url(../assets/purple-block.svg);
         background-repeat:no-repeat;
        background-position:top left;
        background-size: 10vw;
        height:auto;
    }
    #section4a .header{
        margin:0vw 0vw 0 10vw;    
    }
    #section4a h1{
        margin:0vw 0vw -1vw 0vw;
        color: white;
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:7.0vw;      
    }
    #section4a h2{
        margin:0vw 0vw 0 16vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:7.0vw;      
    }
    #section4a p{
        width:70ch;
        margin:2vw 0 0 10vw;
        padding:1rem 0vw 0 0;
        color:#000000;
        font-family:'Gotham-Book';
        font-size:1.5vw;      
    }
    #section4a .call-out{
        width:50ch;
        margin:4vw 0vw 0 10vw;
        font-family:'Gotham-Bold';
        font-size:1.9vw;
        line-height: 1.3;
    }
      #scroller{
        padding:3vw 0;
    }
    #scroller img{
        width:8vw
    }
    #scroller h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:6.0vw;  
    }
    #contact-us{
        padding:4vw 0;
        background-color:#ffffff;
        
    }
    #contact-us h2{
        margin:0vw 0vw 4vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:6.0vw;       
    }
    #contact-us h3{
        margin:2vw 0vw 0 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:2.5vw;  
    }
   #contact-us h4{
        margin:1.5vw 0vw 0 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:1.5vw;   
    }
    #contact-us p{
        margin:1.5vw 0 0 0;
        color:#000000;
        font-family:'Gotham-Book';
        font-size:1.3vw;  
    } 
      #contact-us h5{
        margin:0vw 0vw 2vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:2vw;   
    }    
    #footer{
        margin:0vw 0 0 0;
        padding:1rem 0 1rem 0;
        background-color: #d8d8d8;
    }
    #footer a:any-link{
        color:#ffffff;
    }
    .address{
        margin:0 0 0 0vw;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size:0.5rem;
        line-height: 1.3;
        color:#000000; 
    }

    .footer-logos{
        margin:0 auto;
        display:block;
        width:10vw;
    }
    #copyright{
        padding: 0.5vw 0 0vw 0;
        background-color: #0f0032;
        color:white;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size: 0.9vw;
        
    }
}



/*--------------------------------------------------------------------------------*/

@media (min-width: 768px){
   html, body {
    max-width: 100%;
    overflow-x: hidden;
}

    .home-logo{
        margin:2vw 2vw 0 0vw;
        width:10vw;
        float:right;
    }

    .nat-trust{
        margin:1vw 0 0vw 2vw;
        width:7vw;
    }
    #section1 {
        position:relative;
        background-image: url(../assets/main.jpg);
        background-repeat:no-repeat;
        background-size: 100%;
        height:65vw;
        background-position: top left;
    }
    #sectoneimg{
        position:absolute;
        top:0;
    }
    #section1 .header{
        position:relative;
    }
   #section1 .sectone{
        position:absolute;
        top:25vw;
    }
    #section1 h1{
        margin:0 0 0 3vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: white;
        font-family:'Gotham-Black';
        text-transform: uppercase;
        font-size:7.2vw;
    }
    #section1 h2{
        margin:0 0 0 3vw;
        color:#ffffff;
        font-family:'Gotham-Black';
        text-transform: uppercase;
        font-size:4.5vw;
    }
    #section2{
        position:relative;
        padding:5vw 0;
        background-image:url(../assets/woods-green.png);
        background-repeat:no-repeat;
        background-position:top 5vw right;
        background-size: 35vw;
        height:48;
        border-bottom: 5px solid #f2f2f2;
    }
    .sect2-heading{
        margin:6vw 0 0 6vw;
        
    }
    #section2 h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;      
    }
    #section2 h2{
        margin:0vw 0vw 0 12vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;      
    }
    #section2 .push{
        margin:0 0 0 4vw;
    }
    #section2 p{
        width:50ch;
        margin:2vw 0 0 3vw;
        padding:1vw 0vw 0 0;
        color:#0f0032;
        font-family:'Gotham-Book';
        font-size:1.3vw;      
    }
 
    #section2 .call-out{
        width:48ch;
        margin:0vw 0vw 0 1vw;
        font-family:'Gotham-Bold';
        font-size:1.3vw;
        line-height: 1.3;
    }
     #section2 .vital-service-block{
        margin:0 0 0 2vw;
    }
     #section2 h3{
     margin:10vw 0vw 0 2vw;
     font-family:'Gotham-Bold';
     font-size:1.4vw;  
    }
     #section2 h4{
     margin:0vw 0vw 0 0vw;
     font-family:'Gotham-Bold';
     font-size:1vw;  
    }
       .infobox{
        width:100%;
        margin:2vw 0 0 2vw;
    }
    .infopic{
        width:5vw;
        padding:0 0 1vw 0;
    }
   #section2 .infopara{
       width:25ch;
      font-family:'Gotham-Book';
      font-size:0.9vw; 
       margin:0 0 0 0;
    }
    
    #section3{
        position: relative;
        padding:7vw 0vw 7vw 0;
        background-color:#f2f2f2;
    }
    #section3 .sectthree{
        position: absolute;
        top:5vw;
        right:0rem;
        margin:0 0vw 0 0rem;
    }
    .outline{
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;  
    }
    #section3 h1{
        margin:0 0 0 0vw;
        padding:0 0rem 0 0;
        text-align: left;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:4vw;      
    }
    #section3 h3{
        margin:1vw 0 0.5vw 0vw;
        padding:0 0rem 0 0;
        text-align: center;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:1vw;      
    }
    .brief{
        margin:0 0 0 0;
        width:100%;
        border: 1px solid #0f0032;
    }
   .BUTTON_DWO {
    margin:0 0 0 35%;
   -webkit-border-radius: 0.5vw;
   -moz-border-radius: 0.5vw;
   border-radius: 0.5vw;
   color: #FFFFFF;
   font-family:'Gotham-Book';
    text-align: center;
   font-size: 1vw;
   padding:0.3vw 0.5vw;
   background-color: #0f0032;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_DWO:hover {
   background: #1E62D0;
}
     #section4{
        padding:0vw 0 0vw 0;
        position: relative;

    }
    #section4 .header{
        position:absolute;
        top:3vw;
        left:30vw;
    }   
    #section4 .main{
        position:absolute;
        top:18vw;
        left:45vw;
    }
    #section4 .eco-background{
        width:105%;
        margin:0 0 0 -3vw;
        
    }
    #section4 h1{
        margin:0vw 0vw -1vw 0vw;
        color: white;
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;      
    }
    #section4 h2{
        margin:0vw 0vw 0 16vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;      
    }
    #section4 p{
        width:50ch;
        margin:2vw 0 0 -3vw;
        padding:1rem 0vw 0 0;
        color:#000000;
        font-family:'Gotham-Book';
        font-size:1.4vw;      
    }
    #section4 .call-out{
        width:50ch;
        margin:3vw 0vw 0 -3vw;
        font-family:'Gotham-Bold';
        font-size:1.2vw;
        line-height: 1.3;
    }
    #scroller{
        padding:3vw 0;
    }
    #scroller img{
        width:8vw
    }
    #scroller h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;  
    }
    #contact-us{
        padding:4vw 0;
        background-color:#ffffff;

    }
    #contact-us h2{
        margin:0vw 0vw 4vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;       
    }
    #contact-us h3{
        margin:0vw 0vw 0 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:2.5vw;  
    }
   #contact-us h4{
        margin:1.5vw 0vw 0 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:1.2vw;   
    }
    #contact-us p{
        margin:1.5vw 0 0 0;
        color:#000000;
        font-family:'Gotham-Book';
        font-size:1.2vw;  
    } 
     #contact-us h5{
        margin:0vw 0vw 2vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:1.5vw;   
    }       
    #footer{
        margin:-1vw 0 0 0;
        padding:1rem 0 1rem 0;
        background-color: #d8d8d8;
    }
    #footer a:any-link{
        color:#ffffff;
    }
    .address{
        margin:0 0 0 0vw;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size:0.7rem;
        line-height: 0.9rem;
        color:#000000; 
    }

    .footer-logos{
        margin:0 auto;
        display:block;
        width:10vw;
    }
    #copyright{
        padding: 1.5vw 0 0vw 0;
        background-color: #0f0032;
        color:white;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size: 1vw;
        
    }
 

}



/*--------------------------------------------------------------------------------*/


@media (min-width: 992px){
   html, body {
    max-width: 100%;
    overflow-x: hidden;
}

    .home-logo{
        margin:2vw 2vw 0 0vw;
        width:10vw;
        float:right;
    }

    .nat-trust{
        margin:1vw 0 0vw 2vw;
        width:7vw;
    }
    #section1 {
        position:relative;
        background-image: url(../assets/main.jpg);
        background-repeat:no-repeat;
        background-size: 100%;
        height:60vw;
        background-position: top left;
    }
    #sectoneimg{
        position:absolute;
        top:0;
    }
    #section1 .header{
        position:relative;
    }
   #section1 .sectone{
        position:absolute;
        top:25vw;
    }
    #section1 h1{
        margin:0 0 0 3vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: white;
        font-family:'Gotham-Black';
        text-transform: uppercase;
        font-size:7.2vw;
    }
    #section1 h2{
        margin:0 0 0 3vw;
        color:#ffffff;
        font-family:'Gotham-Black';
        font-size:4.5vw;
        text-transform: uppercase;
    }
    #section2{
        position:relative;
        padding:5vw 0;
        background-image:url(../assets/woods-green.png);
        background-repeat:no-repeat;
        background-position:top 4vw right;
        background-size: 35vw;
        height:48vw;
        border-bottom: 5px solid #f2f2f2;
    }
    .sect2-heading{
        margin:6vw 0 0 6vw;
        
    }
    #section2 h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:4.0vw;      
    }
    #section2 h2{
        margin:0vw 0vw 0 12vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:4.0vw;      
    }
    #section2 .push{
        margin:0 0 0 4vw;
    }
    #section2 p{
        width:48ch;
        margin:2vw 0 0 3vw;
        padding:1vw 0vw 0 0;
        color:#0f0032;
        font-family:'Gotham-Book';
        font-size:1.1vw;      
    }
 
    #section2 .call-out{
        width:48ch;
        margin:0vw 0vw 0 2vw;
        font-family:'Gotham-Bold';
        font-size:1.3vw;
        line-height: 1.4;
    }
     #section2 .vital-service-block{
        margin:0 0 0 2vw;
    }
     #section2 h3{
     margin:10vw 0vw 0 2vw;
     font-family:'Gotham-Bold';
     font-size:1.4vw;  
    }
     #section2 h4{
     margin:0vw 0vw 0 0vw;
     font-family:'Gotham-Bold';
     font-size:1vw;  
    }
       .infobox{
        width:100%;
        margin:2vw 0 0 2vw;
    }
    .infopic{
        width:5vw;
        padding:0 0 1vw 0;
    }
   #section2 .infopara{
       width:25ch;
      font-family:'Gotham-Book';
      font-size:0.9vw; 
       margin:0 0 0 0;
    }
    
    #section3{
        position: relative;
        padding:7vw 0vw 7vw 0;
        background-color:#f2f2f2;
    }
    #section3 .sectthree{
        position: absolute;
        top:5vw;
        right:0rem;
        margin:0 0vw 0 0rem;
    }
    .outline{
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;  
    }
    #section3 h1{
        margin:0 0 0 0vw;
        padding:0 0rem 0 0;
        text-align: left;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:4vw;      
    }
    #section3 h3{
        margin:1vw 0 0.5vw 0vw;
        padding:0 0rem 0 0;
        text-align: center;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:1vw;      
    }
    .brief{
        margin:0 0 0 0;
        width:100%;
        border: 1px solid #0f0032;
    }
   .BUTTON_DWO {
    margin:0 0 0 35%;
   -webkit-border-radius: 0.5vw;
   -moz-border-radius: 0.5vw;
   border-radius: 0.5vw;
   color: #FFFFFF;
   font-family:'Gotham-Book';
    text-align: center;
   font-size: 1vw;
   padding:0.3vw 0.5vw;
   background-color: #0f0032;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_DWO:hover {
   background: #1E62D0;
}
     #section4{
        padding:0vw 0 0vw 0;
        position: relative;

    }
    #section4 .header{
        position:absolute;
        top:3vw;
        left:30vw;
    }   
    #section4 .main{
        position:absolute;
        top:20vw;
        left:46vw;
    }
    #section4 .eco-background{
        width:105%;
        margin:0 0 0 -3vw;
        
    }
    #section4 h1{
        margin:0vw 0vw -1vw 0vw;
        color: white;
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;      
    }
    #section4 h2{
        margin:0vw 0vw 0 16vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;      
    }
    #section4 p{
        width:47ch;
        margin:2vw 0 0 0vw;
        padding:1rem 0vw 0 0;
        color:#000000;
        font-family:'Gotham-Book';
        font-size:0.9vw;      
    }
    #section4 .call-out{
        width:42ch;
        margin:4vw 0vw 0 0vw;
        font-family:'Gotham-Bold';
        font-size:1.2vw;
        line-height: 1.3;
    }
      #scroller{
        padding:3vw 0;
    }
    #scroller img{
        width:8vw
    }
    #scroller h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;  
    }
    #contact-us{
        padding:4vw 0;
        background-color:#ffffff;

    }
    #contact-us h2{
        margin:0vw 0vw 4vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;       
    }
    #contact-us h3{
        margin:0vw 0vw 0 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:2.5vw;  
    }
   #contact-us h4{
        margin:1.5vw 0vw 0 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:1.3vw;   
    }
    #contact-us p{
        margin:1.5vw 0 0 0;
        color:#000000;
        font-family:'Gotham-Book';
        font-size:1.2vw;  
    } 
     #contact-us h5{
        margin:0vw 0vw 2vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:1.5vw;   
    }    
    #footer{
        margin:-1vw 0 0 0;
        padding:3vw 0 3vw 0;
        background-color: #d8d8d8;
    }
    #footer a:any-link{
        color:#ffffff;
    }
    .address{
        margin:0 0 0 6.5vw;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size:0.7rem;
        line-height: 0.9rem;
        color:#000000; 
    }

    .footer-logos{
        margin:0 auto;
        display:block;
        width:10vw;
    }
    #copyright{
        padding: 0.5vw 0 0.5vw 0;
        background-color: #0f0032;
        color:white;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size: 0.5vw;
        
    }
 

}
/*--------------------------------------------------------------------------------*/

@media (min-width: 1200px){

    html, body {
    max-width: 100%;
    overflow-x: hidden;
}

    .home-logo{
        margin:2vw 2vw 0 0vw;
        width:10vw;
        float:right;
    }

    .nat-trust{
        margin:1vw 0 0vw 2vw;
        width:7vw;
    }
    #section1 {
        position:relative;
        background-image: url(../assets/main.jpg);
        background-repeat:no-repeat;
        background-size: 100%;
        height:60vw;
        background-position: top left;
    }
    #sectoneimg{
        position:absolute;
        top:0;
    }
    #section1 .header{
        position:relative;
    }
   #section1 .sectone{
        position:absolute;
        top:25vw;
    }
    #section1 h1{
        margin:0 0 0 3vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 2px;
        -webkit-text-stroke-color: white;
        font-family:'Gotham-Black';
        text-transform:uppercase;
        font-size:7.2vw;
    }
    #section1 h2{
        margin:0 0 0 3vw;
        color:#ffffff;
        font-family:'Gotham-Black';
        text-transform:uppercase;
        font-size:4.5vw;
    }
    #section2{
        position:relative;
        padding:2vw 0;
        background-image:url(../assets/woods-green.png);
        background-repeat:no-repeat;
        background-position:top 4vw right;
        background-size: 35vw;
        height:48vw;
        border-bottom: 5px solid #f2f2f2;
    }
    .sect2-heading{
        margin:6vw 0 0 3vw;
        
    }
    #section2 h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:4.0vw;      
    }
    #section2 h2{
        margin:0vw 0vw 0 12vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:4.0vw;      
    }
    #section2 .push{
        margin:0 0 0 0vw;
    }
    #section2 p{
        width:40ch;
        margin:2vw 0 0 3vw;
        padding:1vw 0vw 0 0;
        color:#0f0032;
        font-family:'Gotham-Book';
        font-size:1.1vw;      
    }
 
    #section2 .call-out{
        width:43ch;
        margin:2vw 0vw 0 2vw;
        font-family:'Gotham-Bold';
        font-size:1.5vw;
        line-height: 1.3;
    }
    #section2 .vital-service-block{
        margin:0 0 0 0;
    }
     #section2 h3{
     margin:10vw 0vw 0 2vw;
     font-family:'Gotham-Bold';
     font-size:1.4vw;  
    }
     #section2 h4{
     margin:0vw 0vw 0 0vw;
     font-family:'Gotham-Bold';
     font-size:1vw;  
    }
       .infobox{
        width:100%;
        margin:2vw 0 0 2vw;
    }
    .infopic{
        width:5vw;
        padding:0 0 1vw 0;
    }
   #section2 .infopara{
       width:25ch;
      font-family:'Gotham-Book';
      font-size:0.9vw; 
       margin:0 0 0 0;
    }
    
    #section3{
        position: relative;
        padding:7vw 0vw 7vw 0;
        background-color:#f2f2f2;
    }
    #section3 .sectthree{
        position: absolute;
        top:5vw;
        right:0rem;
        margin:0 0vw 0 0rem;
    }
    .outline{
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;  
    }
    #section3 h1{
        margin:0 0 3vw 0vw;
        padding:0 0rem 0 0;
        text-align: left;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:4vw;      
    }
    #section3 h3{
        margin:1vw 0 0.5vw 0vw;
        padding:0 0rem 0 0;
        text-align: center;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:1vw;      
    }
    .brief{
        margin:0 0 0 0;
        width:100%;
        border: 1px solid #0f0032;
    }
   .BUTTON_DWO {
    margin:0 0 0 35%;
   -webkit-border-radius: 0.5vw;
   -moz-border-radius: 0.5vw;
   border-radius: 0.5vw;
   color: #FFFFFF;
   font-family:'Gotham-Book';
    text-align: center;
   font-size: 1vw;
   padding:0.3vw 0.5vw;
   background-color: #0f0032;
   text-decoration: none;
   display: inline-block;
   cursor: pointer;
   text-align: center;
}

.BUTTON_DWO:hover {
   background: #1E62D0;
}
    #section4{
        padding:0vw 0 0vw 0;
        position: relative;

    }
    #section4 .header{
        position:absolute;
        top:3vw;
        left:30vw;
    }   
    #section4 .main{
        position:absolute;
        top:20vw;
        left:42.5vw;
    }
    #section4 .eco-background{
        width:105%;
        margin:0 0 0 -3vw;
        
    }

    #section4 h1{
        margin:0vw 0vw -1vw 0vw;
        color: white;
        -webkit-text-fill-color: white; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;      
    }
    #section4 h2{
        margin:1vw 0vw 0 12.5vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw; 
        line-height: 1.0;
    }
    #section4 p{
        width:60ch;
        margin:2vw 0 0 0vw;
        padding:1rem 0vw 0 0;
        color:#000000;
        font-family:'Gotham-Book';
        font-size:0.9vw;      
    }
    #section4 .call-out{
        width:50ch;
        margin:4vw 0vw 0 0vw;
        font-family:'Gotham-Bold';
        font-size:1.2vw;
        line-height: 1.3;
    }
    #scroller{
        padding:3vw 0;
    }
    #scroller img{
        width:8vw
    }
    #scroller h1{
        margin:0vw 0vw 0 0vw;
        color: white;
        -webkit-text-fill-color: transparent; /* Will override color (regardless of order) */
        -webkit-text-stroke-width: 1px;
        -webkit-text-stroke-color: #0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;  
    }
    #contact-us{
        padding:4vw 0;
        background-color:#ffffff;
    }
    #contact-us h2{
        margin:0vw 0vw 4vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:5.0vw;       
    }
    #contact-us h3{
        margin:0vw 0vw 0 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:2.0vw;  
    }
   #contact-us h4{
        margin:1.5vw 0vw 0 0vw;
        color:#0f0032;
        font-family:'Gotham-Black';
        font-size:0.8vw;   
    }
    #contact-us p{
        margin:1.5vw 0 0 0;
        color:#000000;
        font-family:'Gotham-Book';
        font-size:0.9vw;  
    } 
    #contact-us h5{
        margin:0vw 0vw 2vw 0vw;
        color:#0f0032;
        font-family:'Gotham-Bold';
        font-size:1.5vw;   
    }   
    
    #footer{
        margin:-1vw 0 0 0;
        padding:3vw 0 3vw 0;
        background-color: #d8d8d8;
    }
    #footer a:any-link{
        color:#ffffff;
    }
    .address{
        margin:0 0 0 6.5vw;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size:0.7rem;
        line-height: 0.9rem;
        color:#000000; 
    }

    .footer-logos{
        margin:0 auto;
        display:block;
        width:10vw;
    }
    #copyright{
        padding: 0.5vw 0 0.5vw 0;
        background-color: #0f0032;
        color:white;
        font-family: 'Gotham-Book',Tahoma,sans-serif;
        font-size: 0.5vw;
        
    }
 
}