#left-panel{
        position: relative;
        height: 100vh;
      }

      #left-panel img{
        width: 100%;
      }
      #left-image{
        background: url('bg_d.jpg');
        background-position: center center; 
        background-size: cover;
        position: absolute;
        top:0;
        bottom:0;
        left:0;
        right: 0;
      }
      #left-image.thanks{
        background: url('bg_s.jpg');
        background-position: center center; 
        background-size: cover;
      }
      #right-panel{
        padding: 1% 7%;
        text-align: center;
      }
      form{
        margin-top: 5%;
      }
      .custom-input {
        background-color: #e6cee8;
        border: none;
        border-radius: 15px;
        padding: 5px 10px;
        color: #000;
        box-shadow: -1px -1px 2px rgba(0, 0, 0, 0.5);
      }

      .custom-input::placeholder {
        color: #000;
        text-transform: uppercase;
      }

      .custom-submit {
        background-color: #702c91;
        color: white;
        width: 150px;
        margin: 0px auto;
        font-weight: bold;
        font-size: 1.5rem;
        padding: 10px 0;
        border: none;
        border-radius: 2px;
        text-transform: uppercase;
      }

      .custom-submit:hover {
        background-color: #5a2375;
      }

      .custom-check {
        width: 20px;
        height: 20px;
        accent-color: #702c91;
      }
      .form-label, .form-check-label{
        font-size: 80%;
      }
      #footer{
        background-color: #0053a0;
        height: 60px;
        position: absolute;
        bottom: 0;
      }
      #footer img{
        float: right;
        height: 60%;
        margin-top: 15px;
        margin-right: 100px;
      }

      #thank-you{
        background: #521266;
        background: linear-gradient(90deg,rgba(82, 18, 102, 1) 0%, rgba(123, 60, 139, 1) 100%);
        border-radius: 15px;
        padding: 25px;
        color: white;
        text-align: center;
        font-size: 220% !important;


      }
      #thank-you a{
        background-color: black;
        padding: 5px 25px;
        color: white;
        text-decoration: none;
        display: inline-block;
        margin: 3% 0;
        font-family: 'impact';
        text-transform: uppercase;
        font-size: 80%;
      }

      h1, h3, h4{
        font-family: 'Impact', "Anton", sans-serif;
        text-transform: uppercase;
        line-height: 0.8em;
      }
      h1{
        font-size: 280%;
      }
      h3{
        font-size: 200%;
      }
      h4{
        font-size: 120%;
        line-height: 1em;
      }


      @media screen and (max-width: 768px) {
        #left-panel{
          height: auto;
        }
        #right-panel{
          background: url('bg_m.jpg');
          background-repeat: repeat-y;
          background-position: top center;
          background-size: contain;
          margin-top:-1px;
        }
        #right-panel img{
          margin-top: -50px !important;
          margin-bottom:15px;
          position: relative;
          width: 100% !important;
        }
        .custom-input{
          background-color: #fff !important;
        }
        .form-label, .form-check-label{
          color: white !important;
        }
        #footer{
          position: relative;
          padding: 20px 0 0 0;
          text-align: center
        }
        #footer img{
          float: none;
          height: 60%;
          margin: 0px auto;
          
        }
        #email-note {
          
          font-size: 60%;
          
        }
        #thank-you{
          margin-top: -70px;
          position: relative;
          background-color: #FFF !important;
          background: linear-gradient(90deg,rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 1) 100%);
          color: #521266;
          font-size: 170% !important;
        }
      }