

    /* Gray sections */
    #banner-home, #banner-home-2, #banner-home-3{
        color:white;
        font-family: 'Raleway', sans-serif;
        text-align: center;
        padding: 30px 20%;
      }


    #banner-home, #banner-home-2 {
        background-color: #6D6E6D;
        font-size:1em;
        line-height: 2em;
      }

    #banner-home-3{
        font-weight: bold;
        border-bottom: solid 10px white;
      }

    #banner-home-3 h1{font-size: 12vw;}
    #banner-home-3 h2{padding: 22px 5px; font-size: 6vw;}
    #banner-home-3 h3{font-size: 4vw; font-weight: normal;}

    .background-green{background-color: #7BB384 !important;}

      #banner-btn {
        border: 0px solid #859F6B;
        border-radius: 15px;
        background-color: #859F6B;
        color: white;
        padding: 8px 60px;
        text-decoration: none;
      }

      @media only screen and (max-width: 240px)  {
        #banner-home-2 {
          padding: 15% 20%;
        }

        #banner-btn {
          padding: 8px 7%;
        }
      }

      @media only screen and (min-width: 240px) and (max-width: 300px) {
        #banner-home-2 {
          padding: 15% 20%;
        }

        #banner-btn {
          padding: 5px 10%;
        }

      }

      @media only screen and (min-width: 300px) and (max-width: 380px) {
        #banner-btn {
          padding: 5px 20%;
        }
      }




      @media only screen and (max-width: 650px) {
          #banner-home-3 {padding: 30px 13.5%;}
      }


      @media only screen and (min-width: 550px) and (max-width: 750px) {
          #banner-home-3 {padding: 30px 25%;}
          #banner-home-3 h1{font-size: 7vw;}
          #banner-home-3 h2{padding: 22px 10px; font-size: 4vw;}
          #banner-home-3 h3{font-size: 3vw; font-weight: normal;}

      }

      @media only screen and (min-width: 750px) and (max-width: 920px) {
      #banner-home-3 {padding: 30px 3%;}
      #banner-home-3 h1{font-size: 2em;}
      #banner-home-3 h2{padding: 15px 0px; font-size: 1.5em;}
      #banner-home-3 h3{font-size: 1em;}
      }


      @media only screen and (min-width: 920px) and (max-width: 1400px) {
      #banner-home-3 {padding: 30px 6%;}
      #banner-home-3 h1{font-size: 2.2em;}
      #banner-home-3 h2{padding: 15px 60px; font-size: 1.6em;}
      #banner-home-3 h3{font-size: 1.2em;}
      }

      @media only screen and (min-width: 1400px){

        #banner-home-3 {padding: 30px 9%;}
        #banner-home-3 h1{font-size: 2.5em;}
        #banner-home-3 h2{padding: 15px 0px; font-size: 2em;}
        #banner-home-3 h3{font-size: 1.5em;}
      }
