/* Font Dependancies */
@font-face {
    font-family: "Playlist";
    src: url("../fonts/Playlist_Script.otf") format("truetype");
}

/* Navbar */
.nav-item {
    margin-right: 45px;
  }
  
  .navbar-nav {
    width: 100%;
  }
  
  .navbar-nav a:hover {
    border-bottom: 11px solid #2e7d39;
  }
  
  .bannerImage {
    width: 100%;
  }
  
  .nav-link {
    color: #000000;
    font-family: "Poppins", sans-serif;
    font-size: 16px;
    line-height: 18px;
    text-align: center;
    font-weight: 600;
  }
  
  #aboutMe {
    font-size: 1rem;
    white-space: nowrap;
  }

  #online-store {
    white-space: nowrap;
    background-color: #ffec00;
    color: #2e7d39;
  }
  
  @media screen and (min-width: 992px) and (max-width: 1199px) {
    .nav-link {
      font-size: .725rem
    }

    #aboutMe {
      font-size: .725rem;
    }
  }

  @media screen and (max-width: 991px) {
    .dropdown-item {
      text-align: center;
    }
  }
  
  @media screen and (max-width: 493px) {
    .navbar-nav {
      width: 116%;
    }
  }

/* About Us Banner */
.aboutUs {
    font-family: "Playlist";
    color: white;
    font-size: 80px;
    text-align: left;
    padding-left: 4rem;
  }
  
  #banner2 {
    padding-top: 2rem;
    padding-bottom: 2rem;
  }
  
  #bannerRow {
    background-color: #2e7d39;
    /* height: 180px; */
  }
  
  /*Banner Images */
  #storeFront {
    position: relative;
    left: 39em;
    bottom: 11.5em;
    width: 35%;
    border-radius: 11px;
    /* height: auto;
      width: 79%; */
  }
  
  #storeInside {
    position: relative;
    left: 24em;
    top: 2em;
    width: 26%;
    border-radius: 11px;
  }
  
  @media only screen and (min-width: 320px) and (max-width: 600px) {
    #storeFront {
      width: 100% !important;
      height: auto !important;
      left: 0rem !important;
      top: 0rem !important;
    }
  
    #storeInside {
      left: 0 !important;
      width: 100% !important;
      top: 0 !important;
    }
  }
  
  @media only screen and (min-width: 601px) and (max-width: 767px) {

    .aboutUs {
      font-size: 60px !important;
    }

    #storeFront {
      width: 37% !important;
      height: auto !important;
      left: 18rem !important;
      bottom: 7rem !important;
  }
  
  #storeInside {
    left: 10rem !important;
    height: auto !important;
    width: 30% !important;
    top: 0rem !important;
}
  }

  @media only screen and (max-width: 768px) {
    #storeFront {
      width: 37%;
      height: auto;
      left: 24rem;
      bottom: 8rem;
    }
  
    #storeInside {
      left: 13rem;
      height: auto;
      width: 30%;
      top: 2rem;
    }
  }
  
  @media only screen and (min-width: 769px) and (max-width: 991px) {
    #storeFront {
      width: 37%;
      height: auto;
      left: 24rem;
      bottom: 9rem;
  }
  
  #storeInside {
    left: 14rem;
    height: auto;
    width: 30%;
    top: 0rem;
}
  }

  @media only screen and (min-width: 992px) and (max-width: 1200px) {
    #storeFront {
      position: relative;
      left: 34rem;
      bottom: 11.5rem;
      width: 35%;
      border-radius: 11px;
  }
  #storeInside {
    position: relative;
    left: 22rem;
    top: 0;
    width: 26%;
    border-radius: 11px;
}

  }
  
  @media only screen and (min-width: 1200px) and (max-width: 1750px) {
    #storeFront {
      position: relative;
      left: 41rem;
      bottom: 8.5rem;
      width: 35%;
      border-radius: 11px;
    }
  
    #storeInside {
      position: relative;
      left: 27rem;
      top: 5rem;
      width: 26%;
      border-radius: 11px;
    }
  }
  

/* About Text */
.aboutUsText {
    text-align: left;
    font-size: 1.07em;
    color: #2e7d39;
    margin-bottom: 0;
    font-family: "Poppins", sans-serif;
  }
  
  #bottomMargin {
    margin-bottom: 1em;
    font-weight: 700;
  }
  
  #textContainer {
    margin-top: -17rem;
    margin-left: 1.5em;
  }
  
  @media only screen and (min-width: 320px) and (max-width: 600px) {
    #textContainer {
      margin-top: 1.5rem !important;
    }

    .aboutUsText {
      font-size: 1rem !important;
    }
  }

  @media only screen and (min-width: 601px) and (max-width: 767px) {
    #textContainer {
      margin-top: -7.5rem;
    }
    .aboutUsText {
      font-size: 0.8rem;
    }
  }
  
  @media only screen and (max-width: 768px) {
    #textContainer {
      margin-top: -9.5rem;
    }
    .aboutUsText {
      font-size: 0.8rem;
    }
  }
  
  @media only screen and (min-width: 769px) and (max-width: 991px) {
    #textContainer {
      margin-top: -10.5rem;
    }

    .aboutUsText {
      font-size: 0.9rem
    }

  }

  @media only screen and (min-width: 992px) and (max-width: 1199px) {
    #textContainer {
      margin-top: -13.5rem;
    }
    .aboutUsText {
      font-size: 0.9rem;
    }
  }
  

  @media only screen and (min-width: 1200px) and (max-width: 1750px) {
    .aboutUsText {
      text-align: left;
      font-size: 1.2rem;
      color: #2e7d39;
      margin-bottom: 0;
      font-family: "Poppins", sans-serif;
    }
  
    #bottomMargin {
      margin-bottom: 1em;
    }
  
    #textContainer {
      margin-top: -17rem;
      margin-left: 1.5em;
    }
  }
  
  /* Testimonial Buttons */
  #testBtn {
    font-size: 3.75rem;
    line-height: 3.125rem;
    background-color: #ffec00;
    border-color: #ff7600;
    margin: 1rem;
    padding: 3rem;
    font-family: "Bebas Neue", cursive;
  }
  
  #testBtn:before {
    border-color: #ffb000;
  }
  
  @media only screen and (max-width: 600px) {
    #testBtn {
      font-size: 1rem;
      line-height: 2rem;
    }
  }
  
  @media only screen and (min-width: 601px) and (max-width: 768px) {
    #testBtn {
      font-size: 1rem;
      line-height: 2rem;
      padding: 2em;
      margin-left: 123px;
    }
  }
  
  @media only screen and (min-width: 769px) and (max-width: 991px) {
    #testBtn {
      font-size: 1rem;
      line-height: 2rem;
      padding: 2em;
      margin-left: 133px;
    }
  }

  @media only screen and (min-width: 992px) and (max-width: 1024px) {
    #testBtn {
      font-size: 1rem;
      line-height: 2rem;
      padding: 2em;
      margin-left: 240px;
    }
  }
  
  /* Bottom Banner */
  #banner3 {
    background-color: #4198ff;
    padding-top: 2rem;
    padding-bottom: 2rem;
    margin-bottom: 5rem;
    margin-top: 5rem;
  }
  
  #botBanner {
    font-size: 80px;
    text-align: right !important;
    padding-right: 6rem;
  }
  
  @media only screen and (min-width: 601px) and (max-width: 767px) {

  }

  @media only screen and (max-width: 768px) {
    #banner3 {
      margin-bottom: 2rem;
      margin-top: 2rem;
    }

    #botBanner {
      padding-right: 11.5rem;
    }
  }

  @media only screen and (min-width: 769px) and (max-width: 991px) {
    #botBanner {
      padding-right: 10rem;
    }
  }

  @media only screen and (min-width: 992px) and (max-width: 1024px) {
    #banner3 {
      margin-bottom: 2rem;
      margin-top: 2rem;
    }
  }

  /* About Bottom Text */
  #botImg {
    height: auto;
    width: 40%;
  }
  
  #botImgDiv {
    margin-bottom: 5em;
  }
  
  .aboutBotText {
    font-size: 18px;
    font-family: "Poppins", sans-serif;
    font-weight: 600;
  }
  
  @media only screen and (max-width: 768px) {
    #botImgDiv {
      margin-bottom: 3em;
    }
  }
  
  @media only screen and (max-width: 1024px) {
    #botImgDiv {
      margin-bottom: 3em;
    }
  }
  

/* Footer */
.page-footer {
    border-top: 2px solid #2e7d39;
  }
  .footerHeader {
    font-weight: bolder;
    font-family: "Poppins", sans-serif;
    /* font-size: 18px; */
    line-height: 27px;
    text-align: center;
  }
  
  .footerHeader {
    margin-top: -13px;
  }
  
  .t1 {
    font-family: "Poppins", sans-serif;
  }
  
  #contact {
    font-family: "Nunito", sans-serif;
    font-size: 22px;
    font-weight: 600;
    line-height: 30px;
    text-align: center;
    color: #2e7d39;
  }
  
  .btn-floating {
    font-size: 45px;
    color: #2e7d39;
  }
  
  a:not([href]) {
    color: #2e7d39;
  }
  
  .info {
    border-right: 2px solid black;
    font-family: "Poppins", sans-serif;
    font-size: 18px;
    line-height: 27px;
    font-weight: 600;
  }
  
  .address {
    font-family: "Poppins", sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 27px;
  }
  
  .subBtn {
    background-color: #2e7d39;
    border: none;
    color: white;
    padding: 12px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    border-radius: 2rem;
    z-index: 99;
  }
  
  .footerInput {
    border-radius: 2rem;
  }