.contact-form-fieldset {
   display: flex;
   flex-direction: column;
   padding: 15px;

   border: 2px solid #0bd000;
   border-radius: 5px;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
}

.contact-form-feedback {
   display: none;
   margin: 15px;
   font-weight: bold;
}

.contact-form-text {
   width: 100%;
   margin-bottom: 10px;
   border: 1px solid #0bd000;
   border-radius: 5px;
}

.contact-form-submit-btn {
   color: #181d26;
   background-color: #0bd000;
   text-decoration: none;
   text-transform: uppercase;
   font-weight: bold;
   border: none;
   border-radius: 5px;
   padding: 5px 10px;
   box-shadow: 0 4px 8px 0 rgba(0,0,0,0.2);
   transition: all 0.3s;
}

.contact-form-submit-btn:hover {
   color: #edf2fc;
   box-shadow: 0 8px 25px 0 rgba(0,0,0,0.2);
}

.g-recaptcha {
   margin-top: 10px;
   margin-bottom: 10px;
}

/* Media queries for responsive breakpoints */

/* for-phone-only-portrait */
@media (max-width: 599px) {
   .contact-content {
      flex-basis: 100%;
   }

   .g-recaptcha {
      transform:scale(0.77);
      transform-origin:0 0;
   }   
}

/* for-phone-only-landscape */
@media (max-width: 599px)
   and (orientation: landscape) {
   .contact-form {
      width: 100%;
   }
}

/* for-tablet-portrait-up */
@media (min-width: 600px) {
   .contact-form {
      width: 80%;
   }
}

 /* for-tablet-portait-only */
@media (min-width: 600px) and (max-width: 899px) {

}

 /* for-tablet-landscape-up */
@media (min-width: 900px) {
   h1 {
      font-size: 3em;
   }
}

 /* for-tablet-landscape-only */
@media (min-width: 900px) and (max-width: 1199px) {

}

 /* for-desktop-up */
@media (min-width: 1200px) {

}

 /* for-desktop-only */
@media (min-width: 1200px) and (max-width: 1799px) {

}

 /* for-big-desktop-up */
@media (min-width: 1800px) {

}