html {
    h1 {
        text-transform: none;
        font-weight: bold;
        line-height: 1;
    }
}

.button {
    padding: 8px 30px;
    background-color: #000;
    display: inline-block;
    width: auto;
    color:#fff;
    border:1px solid #000;
    margin-top: 1em;

    &:hover,&:focus {
        background-color: #a7cbc5;
        color:#000;

    }
}
.banner-center {
    text-align: center;
}


 #content-area {
  & .service {
        & h3 {
            margin-bottom: 0.8em!important;
        }
    }
 }


 .has-medium-font-size {
    font-size: 1.6rem;
 }
 
.theme-1 {
    background-color:#d1e1de ;
}
.theme-2 {
    background-color:#eff6f5 ;
}
.theme-3 {
    background-color: #c9cdcd;
    padding: 1rem 0;
}


.staff-wrapper {
    img {
        border-radius:50%;
        border:20px solid #a7cbc5;
    }
}

#content-area {
    ul {
        margin-left: 1em;
        margin-bottom: 1em;
        li {
            list-style: disc;
            margin-bottom: 0.25em;
        }
    }
}

  .icon-wrapper {
    margin-bottom: 1rem;
    position: relative;
    padding-left: 40px;


    span {
        position: absolute;
        left: 0px;
        top:0.2em;
        font-size: 1.2em;
    }
  }

  .navbar  {
    a{
        color:#000!important;
    }
    .active {
        background-color: #8ba8a8;
        color: #fff!important;
    }
    a {
        padding: 10px 15px;
        &:hover {
             background-color: #8ba8a8;
            color: #fff!important;
        }
    }
  }

  .navbar-toggler {
    order:-1;

    @media(max-width:767px) {
        display: block!important;
    }
  }

  #menu-main-menu{
    @media(max-width:767px) {
        margin-top: 1em;
    }
  }

  .why-dl-wrap {
    /* @media(max-width:767px) { */
        min-height: 0!important;
    /* } */
  }

  #banner-image {
    @media(max-width:992px) {
        height: 600px!important;
    }
    @media(max-width:767px) {
        & .video-overlay {
            & h1 {
                margin-top:1rem;
            font-size: 2.5rem!important;
            }
        }
    }
  }

  #content-area {
    overflow: hidden;
  }


  .back {
    position: absolute;
    height: 100%;
    width: 100%;

    img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }
    &:after {
        content:"";
        position: absolute;
        left: 0;
        top:0;
        width: 100%;
        height: 100%;
        background-color: #8ba8a8cc;
    }
  }

  @media(max-width:767px) {
  .navbar-toggler {
    margin:0 auto;
  }
  .nav-link {
    text-align: center;
  }
  }