<commit_before>@import "base";

$button-margin: 0.25rem;
$half-page-width: 45%;
$half-page-min-width: 20rem;
$half-page-margin: 0.75rem;

section.contact {
  margin-bottom: 0rem;
}

.contact {
  background: $grey;

  .content {
    min-height: 60vh;
    display: -webkit-inline-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  header {
    margin-top: -3rem;
    margin-bottom: 2.5rem;
    padding: 0;
  }

  button {
    margin: $button-margin;
  }

  .contact-buttons {
    margin-top: -1.5rem;
    margin-bottom: 1rem;
  }

  img {
    max-width: 20rem;
  }
}

.half-page {
  width: $half-page-width;
  min-width: $half-page-min-width;
  //background: white;
  margin: $half-page-margin;
}

footer {
  max-height: 10rem;
}

@media only screen and (max-width: 1366px) and (orientation: landscape){ 
  .contact {
    .content {
      min-height: 50vh;
    }

    header {
      margin-top: -3rem;
    }
  } 
}

@media only screen and (max-width: 1024px) {
  .contact {
    .content {
      min-height: 40vh;
      -webkit-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;

      img {
        margin-top: 1rem;
        margin-bottom: -2rem;
      }
    }

    header {
      margin-top: 0rem;
    }
  }

  .half-page {
    width: 48%;
    min-width: $half-page-min-width;
    //background: white;
    margin: $half-page-margin;
  } 
}

/* TO DO
- copyright div expands when keyboard is being used
- mobile section sizes
*/


/*.contact {
  height: 70vh;
  background: $grey;
  //overflow: hidden;

  .section-text {
  }

  button {
    margin: 0.5rem;
  }

  img {
    width: 45vw;
    min-width: 40rem;
    padding-top: -2rem;
  }
}

.copyright {
  margin: 0 auto;
  color: $navy;
  width:100%;
  text-align: center;
  background: $off-white;
  position: absolute;
  bottom: 0;

  p {
    display: inline-block;
  }

  ul {
    list-style: none;
    display: inline-block;

    li {
      display: inline-block;
    }
  }
}*/<commit_msg>adjust margin on footer image<commit_after>@import "base";

$button-margin: 0.25rem;
$half-page-width: 45%;
$half-page-min-width: 20rem;
$half-page-margin: 0.75rem;

section.contact {
  margin-bottom: 0rem;
}

.contact {
  background: $grey;

  .content {
    min-height: 60vh;
    display: -webkit-inline-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: row;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
  }

  header {
    margin-top: -3rem;
    margin-bottom: 2.5rem;
    padding: 0;
  }

  button {
    margin: $button-margin;
  }

  .contact-buttons {
    margin-top: -1.5rem;
    margin-bottom: 1rem;
  }

  img {
    max-width: 20rem;
  }
}

.half-page {
  width: $half-page-width;
  min-width: $half-page-min-width;
  //background: white;
  margin: $half-page-margin;
}

footer {
  max-height: 10rem;
}

@media only screen and (max-width: 1366px) and (orientation: landscape){ 
  .contact {
    .content {
      min-height: 50vh;
    }

    header {
      margin-top: -3rem;
    }

    img {
      margin-top: 3rem;
      margin-bottom: 3rem;
    }
  } 
}

@media only screen and (max-width: 1024px) {
  .contact {
    .content {
      min-height: 40vh;
      -webkit-flex-wrap: wrap-reverse;
      flex-wrap: wrap-reverse;

      img {
        margin-top: 1rem;
        margin-bottom: -2rem;
      }
    }

    header {
      margin-top: 0rem;
    }
  }

  .half-page {
    width: 48%;
    min-width: $half-page-min-width;
    //background: white;
    margin: $half-page-margin;
  } 
}

/* TO DO
- copyright div expands when keyboard is being used
- mobile section sizes
*/


/*.contact {
  height: 70vh;
  background: $grey;
  //overflow: hidden;

  .section-text {
  }

  button {
    margin: 0.5rem;
  }

  img {
    width: 45vw;
    min-width: 40rem;
    padding-top: -2rem;
  }
}

.copyright {
  margin: 0 auto;
  color: $navy;
  width:100%;
  text-align: center;
  background: $off-white;
  position: absolute;
  bottom: 0;

  p {
    display: inline-block;
  }

  ul {
    list-style: none;
    display: inline-block;

    li {
      display: inline-block;
    }
  }
}*/
{'fraction_non_alphanumeric': 0.14830311483031147, 'fraction_numerical': 0.026499302649930265, 'mean_word_length': 2.1294545454545455, 'pattern_counts': {'":': 0, '<': 3, '<?xml version=': 0, '>': 3, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '5740129', 'n_tokens_mistral': 1778, 'n_tokens_neox': 1631, 'n_words': 351}