/*-- -------------------------- -->
<---          landing           -->
<--- -------------------------- -*/
/* Phone */
@media only screen and (min-width: 0em) {
  #landing {
    position: relative;
    z-index: 2; }
    #landing h1 {
      margin-top: calc(149 / 16 * 1rem); }
    #landing h2 {
      text-align: center;
      margin: auto;
      font-weight: 600;
      font-size: calc(32 / 16 * 1rem);
      margin-bottom: calc(30 / 16 * 1rem);
      line-height: auto;
      max-width: calc(947 / 16 * 1rem); }
    #landing p {
      text-align: center;
      margin-left: auto;
      margin-right: auto;
      max-width: calc(751 / 16 * 1rem);
      margin-bottom: calc(75 / 16 * 1rem); } }
/* intermediary header font size */
@media only screen and (min-width: 500px) {
  #landing h2 {
    font-size: calc(45 / 16 * 1rem); } }
/* Tablet */
@media only screen and (min-width: 48em) {
  #landing h2 {
    font-size: min(6vw, 4.75rem); } }
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---             Map            -->
<--- -------------------------- -*/
/* Phone */
@media only screen and (min-width: 0em) {
  #map iframe {
    display: block;
    position: relative;
    margin: auto;
    height: calc(550 / 16 * 1rem);
    width: 100%;
    max-width: calc(1135 / 16 * 1rem);
    margin-bottom: calc(100 / 16 * 1rem);
    z-index: 10; } }
/*-- -------------------------- -->
<---       contact-icons        -->
<--- -------------------------- -*/
/* Phone */
@media only screen and (min-width: 0em) {
  #contact-icons .contact-grid {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(10 / 16 * 1rem);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-bottom: calc(100 / 16 * 1rem); }
    #contact-icons .contact-grid .contact-item {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: vertical;
      -webkit-box-direction: normal;
          -ms-flex-direction: column;
              flex-direction: column;
      -webkit-box-align: center;
          -ms-flex-align: center;
              align-items: center;
      text-align: center;
      gap: calc(10 / 16 * 1rem); }
      #contact-icons .contact-grid .contact-item h2 {
        font-size: calc(20 / 16 * 1rem);
        font-weight: 600; }
      #contact-icons .contact-grid .contact-item img {
        width: calc(32 / 16 * 1rem);
        height: calc(32 / 16 * 1rem); } }
/* Tablet */
@media only screen and (min-width: 48em) {
  #contact-icons .contact-grid {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: calc(10 / 16 * 1rem);
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: start;
    max-width: calc(750 / 16 * 1rem);
    margin: auto;
    margin-bottom: calc(100 / 16 * 1rem); }
    #contact-icons .contact-grid .contact-item {
      max-width: calc(220 / 16 * 1rem); } }
/* Small Desktop */
/* Desktop */
/*-- -------------------------- -->
<---       contact-form        -->
<--- -------------------------- -*/
/* Phone */
@media only screen and (min-width: 0em) {
  #contact-form-section p {
    text-align: center;
    max-width: calc(750 / 16 * 1rem);
    margin-right: auto;
    margin-left: auto; }
  #contact-form-section form {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: calc(20 / 16 * 1rem);
    max-width: calc(750 / 16 * 1rem);
    margin: auto;
    margin-bottom: calc(100 / 16 * 1rem); }
    #contact-form-section form .visually-hidden {
      display: none; }
    #contact-form-section form label {
      text-transform: uppercase; }
    #contact-form-section form input, #contact-form-section form textarea {
      border: 1px solid #98D0DC;
      padding: calc(15 / 16 * 1rem); }
    #contact-form-section form textarea {
      height: calc(150 / 16 * 1rem); }
    #contact-form-section form button {
      border: none;
      max-width: calc(200 / 16 * 1rem); } }
/* Tablet */
/* Small Desktop */
/* Desktop */