/***************** Typography ****************/
.contact-body{
    background-color: #7AA5D2;
}

label{
    font-family: "Fredoka One";
    font-size: 1.2rem;
    color: #FF7213;
}

/***************** Top Container ****************/
.banner-img{
    position: relative;
    background-color: #FFE169;
    width: 100%;
    height: auto;
    text-align: center;
    padding: 3%;
  }
  
  .dog-desk{
    position: absolute;
    width: 28%;
    height: auto;
    left: 15%;
    top: 14%;
    z-index: 10;
    overflow: visible;
  }
  
  .contact-logo{
    width: 50%;
    height: auto;
    margin-left: 6%;
  }

  /***************** Form Container ****************/
  
  .form-container{
    background-color: #F7B561;
    width: 100%;
    padding: 4%;
  }

  .form-components{
    text-align: center;
    margin-left: auto;
    margin-right: auto;
  }

  .contact-form{
    width: 60%;
    margin: 0 auto;
  }

  .form-components > h1{
      padding: 2% 0;
  }

  .textbox > label{
    width: 100%;
    height: auto;
      font-family: "Fredoka One";
      font-size: 1.2rem;
  }

.form-group textarea{
    width: 100%;
}