html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video { 
    margin:0;
    padding:0;
    box-sizing:border-box;
    margin: 0; 
    padding: 0; 
    border: 0; 
    font-size: 100%; 
    font: inherit; 
    vertical-align: baseline;
}

nav {
  padding-right:2em;  
  box-sizing:border-box;
}

a {
  font-size: 1em;
  font-family: 'Source Sans 3', sans-serif;
  font-weight:600;
  overflow:hidden;
  }

a:hover{
      color:orange:
  }
  
li{
      list-style:none;
  }
  
ul {
    margin: 0;
    padding-right: 1em;
    list-style: none;
    overflow: hidden;
    background-color: transparent;
  }

button{
    border:none;
    padding:0;
    margin:0;
color:#1E393A
  }

button:hover{
    background-color: #1E393A;
    color:white;
    border-color: #1E393A;
  }

h1{
  font-family:'Merriweather', serif;
  font-size: 3.5em;
  padding:0;
  color: white;
}

h2 {
  font-family:'Merriweather', serif;
  font-size: 1.2em;
  padding-left:0.8em;
  padding-top:1em;
  padding-bottom:1em;
}

h3{
  font-family: 'Source Sans 3', sans-serif;
  font-size: 1em;
  padding-bottom:2em;
  padding-left:1.1em;
  padding-top:1.1em;
}

h4{
  font-family: 'Source Sans 3', sans-serif;
  font-size: 1.5em;
  padding-left:1em;
}

strong{
  font-weight:700;
}

p{
  font-family: 'Source Sans 3', sans-serif;
  padding-bottom:2em;
  padding-left:1em;
  padding-right:1em;
} 

ul.contentlist {
  font-family: 'Source Sans 3', sans-serif;
  padding-bottom:2em;
  padding-left:1em;
  padding-right:1em;
    margin-left: 20px;
    overflow: visible;
}

ul.contentlist li {
    list-style: disc;
}

/* text style */
  .herotext{
    padding-top: 0.8em;
      height:fit-content;
      padding-bottom:1em;
      width:60%;
      font-size: 2em;
  }

  .pagetitletext{
    padding-top: 0.8em;
      height:fit-content;
      padding-bottom:1em;
      padding-top:3em;
      width:60%;
      font-size: 2em;
  }

  .whitetext{
    color: white;
    text-decoration: none;
    font-family: 'Source Sans 3', sans-serif;
    font-size:1em;
    padding-left:1em;
  }

  .whitebodytext{
    color: white;
    text-decoration: none;
    font-family: 'Source Sans 3', sans-serif;
    font-size:1em;
    padding-left:1.0em;
  }

  .whitesectiontitle{
    color: white;
    text-decoration: none;
  }
  
  .darkgreytext{
    color: #444444;
  }

  .darkgreytext-50{
    padding-left:0;
    color: #444444;
  }

  .whitebodytext-50{
    color: white;
    text-decoration: none;
    font-family: 'Source Sans 3', sans-serif;
    font-size:1em;
    padding-left:0;
  }
  
  .darkgreytextbold{
    color: #444444;
    padding-bottom:0.8em;
    font-weight:700;
    padding:1em;
  }

  .whitetextbold{
    color: #fff;
    padding-bottom:0.8em;
    font-weight:700;
    padding-left:1em;
    padding-top:1.5em;
    padding-bottom:1em;
    padding-right:1em;
  }
  
  .bodytextgrey{
    color: #444444;
    padding-bottom:1.2em;
    font-size: 1em;
    padding-left:1.2em;
  }

  .textlink {
    font-size: 1em;
    font-family: 'Source Sans 3', sans-serif;
    font-weight:600;
    margin:0;
    padding-left:1em;
color: #1E393A;
    }
	
	  .textlink_nopad {
    font-size: 1em;
    font-family: 'Source Sans 3', sans-serif;
    font-weight:600;
    margin:0;
color: #1E393A;
    }

  .textlink_h3 {
    font-size: 1em;
    font-family: 'Source Sans 3', sans-serif;
    font-weight:600;
    margin:0;
    padding-left:0;
color: #444444;
	text-decoration:none;
    }



    .logo {
      font-family: 'Merriweather', serif;
      font-size:1em;
      color: white;
      padding-left:1em;
      text-align: left;
      padding-top:0.5em;
      float: left; 
      width:fit-content;
      font-weight:400;
      text-decoration: none;
    }
  
  
.footerlist{
  list-style:none;
  text-align:left;
  padding-bottom:1em;
  font-size:1em;
  color:white;
  padding-left:0;
}

.footerlist a{
  color:white;
  font-weight:100;
  text-decoration: none;
}

a.footerlink:hover{
  color:white;
  text-decoration: underline;
  text-decoration-thickness: 2px;
  text-underline-offset: 3px;
}

.navbar .logo a{
  font-size: 1.5em;
  font-weight:700;
  padding-top: 2em;
  padding-left: 2em;
}

  /* containers */

  .nofloat{
    padding-left:1em;
    padding-top: 3em;
 }

 .nofloat-pagetitle{
  padding-left:0;
  padding-top: 4em;
}

 .nofloat-services{
    padding-left:1em;
    padding-top: 1em;
    padding-right:1em;
    padding-bottom: 1em;
}

  .navbar {
    width:100%;
    display:flex;
    margin: 0 auto;
    align-items: right;
    justify-content: space-between;
    box-sizing:border-box;
    padding-right:2em;
}


  .box-wrapper{
      display:flex;
      flex-direction: column;
      width:100%;
      gap:2em;
      box-sizing:border-box;
      margin-left:1em;
      margin-right:1em;
      padding-bottom:3em;
  }

  .box-wrapper-2{
    display:flex;
    flex-direction: column;
    width:100%;
    gap:1em;
    box-sizing:border-box;
    margin-left:1em;
    margin-right:1em;
    padding-bottom:0em;
}
  
  .box{
      background-color:white;
      width:100%;
      padding-bottom:1em;
  }
  .box-50{
    background-color:white;
    width:100%;
    padding-bottom:2em;
    border: 1px solid rgb(219, 219, 219);
  }

  .box-text{
    width:100%;
    padding-bottom:0;
    padding-right:0.5em;
    padding-left:0;
    margin:0;
  }

  .box-withborder{
    background-color:white;
    width:100%;
    padding-bottom:1em;
    border: 1px solid grey;
}

  .greenheaderbox{
    background-color:#1E393A;
    width:100%;
    padding-bottom:0.5em;
    margin-bottom:1em;
color:#444444;
}

.twocoltext{
  display:flex;
  flex-direction:column;
  padding:0;
    }

    footer{
      background-color: #1E393A;
      padding-top:3em;
      padding-left:1.5em;
      padding-bottom:3em;
      width:100%;
      box-sizing:border-box;
      }
    
      .navbar {
        width:100%;
        margin: 0 auto;
        box-sizing:border-box;
        padding-top:1.5em;
    }

/*images, other styles */

.boximage{
  width:100%;
  height:auto;
  padding:0;
  margin:0;
  display:block;
  background-color: transparent;
}

/* mobile big button */
.greenborder{
  background-color:white;
  border-radius:8px;
  padding:1.2em;
  border-width:1px;
  font-weight:700;
  cursor:pointer;
width:100%;
  } 


.boximage-2{
  width:100%;
  height:auto;
  padding:0;
  margin:0;
  display:block;
  background-color: transparent;
}



/* section background */
.goldbg{
  background-color: #7d6707;
  padding-top:2em;
  padding-left:0.3em;
  padding-bottom:2em;
  padding-right:2em;
  width:100%;
  box-sizing:border-box;
}
.greenbg{
  background-color: #1E393A;
  width:100%;
  box-sizing:border-box;
  padding-left:0.3em;
  padding-top:2em;
  padding-bottom:2em;
  padding-right:2em;
}
.whitebg{
  background-color: white;
  padding-top:2em;
  padding-left:0.3em;
  padding-bottom:2em;
  width:100%;
  box-sizing:border-box;
  padding-right:2em;
}




  /* header */
  header{
    position: relative;
    padding:0;
    box-sizing:border-box;
  }

  .header {
    background: linear-gradient(to right, rgba(125, 103, 7, 0.90) 20%, rgba(110, 99, 53, 0.67) 59%, rgba(103, 98, 77, 0.25) 100%), url("headerimage-nogradient.png");  
    background-position: center;
    background-repeat: no-repeat;
    background-size:cover;
    /*padding:1.5em;*/
    width:100%;
    position: relative;
    z-index: 3;
    height:fit-content;
    box-sizing:border-box;
    overflow:hidden;
    min-height: 320px;
  }
  

  .header-aboutus {
    background-image: url("aboutusheader-nogradient.png"); /* fallback */
    background: linear-gradient(to right, rgba(125, 103, 7, 0.90) 20%, rgba(110, 99, 53, 0.67) 59%, rgba(103, 98, 77, 0.25) 100%), url("aboutusheader-nogradient.png");  
    background-position:top;
    background-repeat: no-repeat;
    background-size:cover;
    /*padding:1.5em;*/
    width:100%;
    position: relative;
    z-index: 3;
    height:fit-content;
    box-sizing:border-box;
    overflow:hidden;
    min-height: 320px;
  }
  


.header li a {
    display: block;
    text-decoration: none;
    padding-top:0;
    color:#fff;
    padding-left:1em;
    padding-bottom:0.5em;
  }
  
.header li a:hover,
.header .menu-btn:hover {
    background-color: white;
    color:#444444;
    width:100%;
  }
  
  .header-aboutus li a {
    display: block;
    text-decoration: none;
    padding-top:0;
    color:#fff;
    padding-left:1em;
    padding-bottom:0.5em;
  }
  
.header-aboutus li a:hover,
.header-aboutus .menu-btn:hover {
    background-color: white;
    color:#444444;
    width:100%;
  }



  
 .menu li{
  text-align:left;
  display:inline-block;
  margin:0em;
  font-weight:400;
  padding-top:0.1em;
 }


  /* menu */
 .menu {
    max-height: 0;
        position:absolute;
        margin:0;
        width:100%;
        height:fit-content;
        gap:1.5em;
        background-color: transparent;
        text-align:right;
  }
  
  /* menu icon */
  
.menu-icon {
    cursor: pointer;
    display: inline-block;
    float: right;
    padding-top:1em;
    position: relative;
    user-select: none;
  }
  
  .menu-icon .navicon {
    background: #fff;
    display: block;
    height: 2px;
    position: relative;
    transition: background .2s ease-out;
    width: 18px;
  }
  
.menu-icon .navicon:before,
 .menu-icon .navicon:after {
    background: #fff;
    content: '';
    display: block;
    height: 100%;
    position: absolute;
    transition: all .2s ease-out;
    width: 100%;
    z-index:100;
  }
  
.menu-icon .navicon:before {
    top: 5px;
  }
  
.menu-icon .navicon:after {
    top: -5px;
  }
  


  /* menu btn */
  
 .menu-btn {
    display: none;
  }
  
 .menu-btn:checked ~ .menu {
    max-height:100%;
    width:100%;
   display:flex;
   flex-direction: column;
   background-color: #1e393afb;
   margin:0em;
   padding-top:4em;
   padding-bottom:1em;
 }
  

 .menu-btn:checked ~ .menu-icon .navicon {
    background: transparent;
  }
  
.menu-btn:checked ~ .menu-icon .navicon:before {
    transform: rotate(-45deg);
  }
  
 .menu-btn:checked ~ .menu-icon .navicon:after {
    transform: rotate(45deg);
  }
  
  .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:before,
 .menu-btn:checked ~ .menu-icon:not(.steps) .navicon:after {
    top: 0;
  }
  
  
/* responsive **/ 

  @media (min-width: 1279px) {
    .herotext{
        width:75%;
        font-size:4em;
        padding-bottom:2em;
    }
    .pagetitletext{
      padding-top:1.5em;
      margin-top:5em;
  }
  }



  @media (min-width: 1179px) {
    .header{
      min-height:600px;
    }
        .header li {
          padding-right:1.5em;
        }
        .header li a {
          padding-right:1.5em;
          padding-top:0;
        }
        .header .menu {
          clear: none;
          max-height: none;
          padding-top:0;
          padding-right:2em;
          display:inline;
        }
        .header .menu-icon {
          display: none;
        }
        .header-aboutus{
          min-height:600px;
        }
        .header-aboutus li {
          padding-right:1.5em;
        }
        .header-aboutus li a {
          padding-right:1.5em;
          padding-top:0;
        }
        .header-aboutus .menu {
          clear: none;
          max-height: none;
          padding-top:0;
          padding-right:2em;
          display:inline;
        }
        .header-aboutus .menu-icon {
          display: none;
        }
        .pagetitletext{
            padding-top:1.5em;
            margin-top:5em;
        }
     .pagetitletext{
            padding-top:4em;
          }
       p{
        padding-left:2em;
      }
      .whitetext{
        padding-left:2em;
      }
       h2 {
        font-size: 1.5em;
        padding-left:1.8em;
      }
        .menu li{
          text-align:center;
          display:inline-block;
          padding-top:0.5em;
         }
        .herotext{
            width:35%;
            font-size:4em;
        }
        .logo {
          font-size:1.8em;
          padding-top:0em;
        }
        .nofloat{
          padding-left:2em;
          padding-top: 6em;
          width:70%;
          min-height:400px;
       }
       .nofloat-pagetitle{
        padding-left:2em;
        padding-top: 10em;
        width:70%;
        min-height:400px;
     }
        .nofloat-services{
		padding-left:1em;
		padding-top: 1em;
		padding-right:1em;
		padding-bottom: 1em;
          width:100%;
          min-height:400px;
       }
       h3{   
        font-size: 1.5em;
      }
      .box-wrapper{
        display:flex;
        width:100%;
        gap:3em;
        flex-direction:row;
        box-sizing:border-box;
    }
    .box-wrapper-2{
      display:flex;
      width:100%;
      gap:1em;
      flex-direction:row;
      box-sizing:border-box;  
    padding-bottom:3em;
    }
    .box{
      width:30%;
      padding-bottom:2em;
    }
    .box-50{
      width:50%;
    }
    .textlink {
      padding-left:1.5em;
      }
     .goldbg a {
      padding:1em;
     }
     footer{
      padding-left:2em;
      }
      .twocoltext{
        flex-direction:row;
          }
         .greenborder{
width:fit-content;
  } 
      }
      
  
@media (min-width: 769px) {
  .herotext{
      width:65%;
      font-size:3em;
  }
  .pagetitletext{
    padding-top:1.5em;
    font-size: 2.5em;
}
  .logo {
    font-size:1.8em;
    padding-left:1em;
    padding-top:0;
  }
  .nofloat{
    padding-left:1.5em;
    padding-top: 4em;
 }
  .nofloat-services{

    padding-left:1em;
    padding-top: 1em;
    padding-right:1em;
    padding-bottom: 1em;
 }
 h2 {
  font-size: 1.5em;
  padding-left:1em;
}
.box-50{
  width:50%;
}
p{
  padding-left:1.5em;
}
footer{
  padding-left:2em;
  }
.box-wrapper{
  display:flex;
  gap:3em;
  flex-direction:row;
}
.box-wrapper-2{
display:flex;
gap:1em;
flex-direction:row;
padding-bottom:3em;
}
.whitetext{
padding-left:1.5em;
font-size:1em;
}
button {
margin-left:0.8em;
}
.twocoltext{
flex-direction:row;
  }
  .whitebodytext{
    padding-left:1em;
  }
  .nofloat-pagetitle{
    padding-left:2em;
    padding-top: 4em;
    width:70%;
 }
.greenborder{
width:fit-content;
  } 
}


   
@media (max-width: 768px) {
  .herotext{
    padding-top: 0.4em;
      padding-bottom:1em;
      width:75%;
      font-size:1.5em;
  }
  .nofloat{
    padding-top: 4em;
 }
 .nofloat-pagetitle{
  padding-left:2em;
  padding-top: 4em;
  width:70%;
  min-height:200px;
}
  .nofloat-services{

    padding-left:1em;
    padding-top: 1em;
    padding-right:1em;
    padding-bottom: 1em;
 }
.box-wrapper{
  flex-direction:column;
}
.whitebodytext{
padding-left:1em;
}
.nofloat-pagetitle{
padding-left:1em;
padding-top: 4em;
}
}