:root {
  --bds_blue: rgb(7,62,142);
  --bds_green: rgb(100,174,37);
}

@keyframes fade_in {
  from {opacity: 0;}
  to {opacity: 1;}
}

.contact_container, .contact_form {
  color: white;
  margin-top: 2%;
  width: 60%;
  margin-left: 20%;
  animation: fade_in 1s;
}

.contact_form {
  margin-top: 3%;
}

h1, p {
  text-align: center;
}

.submit_btn {
  background-color: rgba(0,0,0,0) !important;
  border-radius: 0px !important;
  color: white !important;
}

.submit_btn:hover {
  background-color: var(--bds_green) !important;
}

@media (min-width: 1301px) {
  /* desktop */
  .submit_btn {
    margin-top: 1.5%;
    margin-bottom: 5%;
  }
}

@media (max-width: 1300px) {
  /* mobile */
  .submit_btn {
    margin-top: 5%;
    margin-bottom: 5%;
  }
}

.bigger {
  font-size: 150%;
}