.location_container {
  background-color: #f2f2f2;
  color: #0a4971;
  text-align: center;
  padding: 0vw 0vw 1.5vw 0vw;
  margin-top: 1.5vw;
}

.contact_container {
  background-color: #0a4971;
  color: #f2f2f2;
  text-align: center;
  padding: 1.5vw 5vw 1.5vw 5vw;
}

.contact_container a,
.contact_container p {
  font-family: "Source Serif 4", serif;
  color: #f2f2f2;
  font-size: 24px;
  overflow-wrap: anywhere;
}

.contact_row {
  display: flex;
  text-align: left;
  align-items: center;
  gap: 1rem;
}

@media only screen and (max-width: 600px) {
  .contact_table {
    display: grid;
    grid-template-columns: 1fr;
    gap: 1rem;
    padding: 1vw 3vw 1vw 3vw;
  }

  .contact_row a,
  .contact_row p {
    font-family: "Source Serif 4", serif;
    color: #f2f2f2;
    font-size: 12px;
    overflow-wrap: anywhere;
  }

  .contact_table img {
    width: 40px;
  }
}

@media only screen and (min-width: 600px) {
  .contact_table {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 1rem;
    justify-items: left;
    align-items: left;
    padding: 1vw 3vw 1vw 3vw;
  }

  .contact_row a,
  .contact_row p {
    font-family: "Source Serif 4", serif;
    color: #f2f2f2;
    font-size: 12px;
    overflow-wrap: anywhere;
  }

  .contact_table img {
    width: 50px;
  }
}

@media only screen and (min-width: 768px) {
  .contact_row a,
  .contact_row p {
    font-family: "Source Serif 4", serif;
    color: #f2f2f2;
    font-size: 16px;
  }

  .contact_table img {
    width: 60px;
  }
}

@media only screen and (min-width: 992px) {
  .contact_row a,
  .contact_row p {
    font-family: "Source Serif 4", serif;
    color: #f2f2f2;
    font-size: 20px;
  }

  .contact_table img {
    width: 70px;
  }
}