body {
        margin: 0;
        padding: 0;
    }

    .bg {
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      background-color: #ffffff;
      overflow: hidden;
      z-index: 1;
    }

    .bg img.bg {
      width: 100%;
      height: 100%;
      z-index: 2;
      position: fixed;
    }

    p{
      font-size: 0.9rem;
    }

    .logo {
      position: absolute;
      width: 100%;
      z-index: 1000;
      top: 25%;
      bottom: 0;
      text-align: center;
      -webkit-transform-style: preserve-3d;
      -moz-transform-style: preserve-3d;
      transform-style: preserve-3d;
    }

    .bottle img {
      width: 3.5em;
      max-width: 500px;
      position: relative;
      transform: translateY(0%);
    }

    .cte-logo img {
      width: 22em;
      max-width: 500px;
      position: relative;
      margin-top: 15px;
      transform: translateY(0%);
    }

    .tagline {
      font-size: 0.9rem;
      font-family: 'Raleway';
      font-weight: 400;
      letter-spacing: 1px;
      color: #000;
      text-decoration: none;
      line-height: 100%;
      margin: 28px auto auto;
      width: 35%;
      line-height: 1.4rem;
    }

    a {
      font-weight: 600;
      color: #000;
      text-align: center;
    }

    a:hover {
      color: #E56C02;
    }

    .hr {
      margin: 20px auto 0px auto;
      border-bottom: 3px solid #000;
      width: 4em;
    }

    .promo {
      width: 90%;
      max-width: 700px;
      margin: 30px auto;
    }

    .promo p {
      width: 80%;
      margin: 0px auto 30px;
      font-size: 0.8rem;
      font-family: 'Raleway';
      font-weight: 400;
      letter-spacing: 1px;
      color: #000;
      text-decoration: none;
      line-height: 150%;
    }

    .insta {
      margin: 30px auto 0px auto;
      font-size: 1.1rem;
      font-family: 'Raleway';
      font-weight: 400;
      letter-spacing: 1px;
    }

    .insta a { 
      text-decoration: none;
      color:#ad4324;
      transition: color 0.2s ease;
    }

    .insta a:hover {
      color:#444444;
    }

    @media (max-width: 900px) {

      .tagline {
        width: 70%;
      }

      .brottle-logo img {
        width: 50%;
        max-width: 500px;
        position: relative;
        margin-top: 15px;
        transform: translateY(0%);
      }

    }

    @media (max-height: 500px) {

      .logo {
      position: relative;
      width: 100%;
      z-index: 1000;
      margin-top: 0px;
      bottom: 0;
      text-align: center;
      display: block;
      top: 10%;
      }

      .bg {
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      overflow: scroll;
      z-index: 1;
      }

    }

    @media (max-width: 400px) {

      .tagline {
        width: 75%;
      }

      .logo {
        top:15%;
      }

      .brottle-logo img {
        width: 80%;
        max-width: 500px;
        position: relative;
        margin-top: 15px;
        transform: translateY(0%);
      }

    }