#container{
        background-color: #E7E5E2;
        width: 100%;
        height: 100%;
        display: flex;
        flex-direction: column;
        flex-wrap: no-wrap;
        justify-content: center;
        align-items: center;
      }
      #top{
        width: 90%;
        height: 100vh;
        display: flex;
        flex-direction: row;
        flex-wrap: no-wrap;
        justify-content: center;
        align-items: center;
      }
      #top-logo{
        width: 50%;
      }
      #top-form{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      #top-form form{
        width: 90%;
        height: 100vh;
        display: flex;
        flex-direction: column;
        flex-wrap: no-wrap;
        justify-content: center;
        align-items: center;
      }

      #form-title {
        display: flex;
        justify-content: center;
        width: 100%;
        margin-bottom: 2%;
      }

      #form-title h2 {
        text-align: justify;
        margin: 2.5%;
        /* padding: 2.5%; */
      }

      #top-form input{
        background-color: #FFFFFF;
        margin: 2.5%;
        width: 90%;
        height: 40px;
      }
      #form-message{
          width: 100%;
      }

      #form-message textarea{
        background-color: #FFFFFF;
        margin: 2.5%;
        width: 95%;
        height: 250px;
      }
      #first-last-name, #email-phone{
        width: 100%;
        display: flex;
        flex-direction: row;
        flex-wrap: no-wrap;
        justify-content: center;
        align-items: center;
      }
      #first-name, #last-name, #email, #phone{
        width: 50%;
        display: flex;
        justify-content: center;
        align-items: center;
      }
      #submit-btn{
          background-image: none;
          color: #FFFFFF;
          background-color: #38133A;
          width: 35%;
          font-weight: 300;
          height: 50px;
      }
      #submit-btn:hover{
          background-image: none;
          color: #FFFFFF;
      }
      #bottom{
        width: 100%;
        height: 100%;
        padding: 5% 0 5% 0;
        display: flex;
        flex-direction: row;
        flex-wrap: no-wrap;
        justify-content: center;
        align-items: center;
        background-color: #FFFFFF;
      }
      #bottom-google-map{
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
      }
      #bottom-office-details{
        width: 50%;
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: left;
        font-size: 0.95em;
        color: #38133A;
        font-weight:900;
        line-height: 20px;
        font-family:'tradegothic_condensed', CenturyGothic, sans-serif;
      }
      li.parsley-required, li.parsley-type{
          color: red;
          font-size: 0.75em; 
      }
      @media screen and (max-width: 960px){
          #top, #bottom{
            flex-direction: column;
            height: 100%;
            margin-top: 7.5%;
          }
          #top-logo, #top-form{
              width: 90%;
          }
          #form-message{
              display: flex;
              flex-direction: row;
              flex-wrap: nowrap;
              justify-content: center;
              align-items: center;
          }
          #first-name, #last-name, #email, #phone{
              width: 100%;
          }
          #form-message textarea{
              width: 90.5%;
          }
          #first-last-name, #email-phone{
            flex-direction: column;
          }
          #bottom-office-details{
            margin-top: 20px;
          }
       }