@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400&display=swap');
body{background-color:#fff;font-family: 'Roboto', sans-serif;}
header{z-index: 9999; background-color: #333;}
p{font-weight: 300;}
.logo{height: 50px;}
.nav-linka{background-color:#00A82D; color: #fff; border-radius: 3px; padding: 8px 20px; margin-left: 30px;float: right; text-decoration: none; font-weight: 500;}
.nav-linkb{background-color:#00A82D; color: #fff; border-radius: 3px; padding: 8px 20px; margin-top: 20px; display: inline-block; text-decoration: none; font-weight: 500;}
.nav-linka:hover, .nav-linkb:hover{background-color:#00A222; color: #fff;}
.banner{background-image:url(../images/banner.png); background-size: cover; background-repeat: no-repeat; min-height: 500px; position: relative; }
.banneroverlay{background-color:rgba(0, 0, 0, 0.6); position: absolute; width: 100%; top: 0; left: 0; padding-top: 10%; height: 100%; text-align: center; color: #fff;}
.theboxbg{background-color: #222; text-align: center; color: #fff; padding: 20px;}
.theboxbg p{color: rgba(255, 255, 255, 0.8);}
.responsive-img{width:100%; height:auto;}
.greybg{background-color: #eee;}
.darkgreybg{background-color: #333; padding: 40px 30px; color: #fff;}
.gallery {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));
    grid-gap: 0px;
  }
  
  .gallery img {
    width: 100%;
  }

  .footer{background-color: #222; padding-top:20px; color: #fff;}
  .copyright{font-size: small; color: #999; background-color: #000; text-align: center; margin-top: 15px;}
  .copyright a{color: #999; text-decoration: none; margin: 0 10px;}
  .footer h5{font-weight: 500;}
  .footer p{font-size: 12px; margin-top: 20px;}
  .footer ul{list-style-type: none; padding: 0; margin: 0;}
  .footer li{list-style-type: none; padding: 0; margin: 0;}
  .footer li a{color: rgba(255, 255, 255, 0.7); font-size: 12px; line-height: 18px; text-decoration: none;}
  .footer li a:hover{text-decoration: underline; color: #fff;}

  .bannerinnr img{ width: 100%;}
  .howit h3{background-color: #fff; padding: 15px; border-radius: 50%; display: inline-block; box-shadow: 0px 2px 3px 0 rgba(0, 0, 0, 0.6);}