<commit_before>
@media all and (max-width: 800px) {
  nav {float:right;font-size:1.6em;padding-right: 1em}
  .header-wrapper {background-color:white;width: 100%;position: fixed;z-index: 1000;}
  .logo h1 {font-size: 2em;margin-bottom: 0;}
  /* Should introduce new nav menu here instead*/
  #welcome {background: url(../imgs/road-image.JPG);background-attachment: fixed, scroll;height: 35em;line-height: 1.4;background-size: 105%;}
  #title-box {height:10em;padding-top: 0px;}

  #title-box h1 {color: white;font-size: 9em;transition: .4s ease-in;padding-left: 4.5%;padding-top: 30%;}
  .wrapper-pic1, .wrapper-pic2 {background-size: 100%;}
  #about {padding-bottom: 3em}
  #about p{font-size: 1em}
  #contact ul li{font-size: 1.25em;}
  #contact {padding: 2em 1em 2em 1em}

  footer {width: 100%;height:40%;text-align: center;margin:3em;padding: 2em 5em 1em 0}

}

@media all and (max-width: 690px) {
  header nav {display: none}
  #nav-button {display: block}
  footer span{display: none}
  footer .fa {font-size: 2em}
  #about, #contact {padding:1em;}
  #title-box {height: 50%}
  #title-box h1 {font-size: 9em;padding-top:30%;}
  .wrapper-pic1, .wrapper-pic2 {height: 0}
}

@media all and (max-width: 375px){
  #welcome {background-size: 130%;height:21em;}
  #title-box h1 {font-size: 4em; padding-top: 45%}
  #nav-button {margin-right: 4em;margin-top: -4.2em;margin-bottom: -2em;padding-top: 0}

}<commit_msg>fix margins on about and contact sections<commit_after>
@media all and (max-width: 800px) {
  nav {float:right;font-size:1.6em;padding-right: 1em}
  .header-wrapper {background-color:white;width: 100%;position: fixed;z-index: 1000;}
  .logo h1 {font-size: 2em;margin-bottom: 0;}
  /* Should introduce new nav menu here instead*/
  #welcome {background: url(../imgs/road-image.JPG);background-attachment: fixed, scroll;height: 35em;line-height: 1.4;background-size: 105%;}
  #title-box {height:10em;padding-top: 0px;}

  #title-box h1 {color: white;font-size: 9em;transition: .4s ease-in;padding-left: 4.5%;padding-top: 30%;}
  .wrapper-pic1, .wrapper-pic2 {background-size: 100%;}
  #about {padding-bottom: 3em}
  #about p{font-size: 1em}
  #contact ul li{font-size: 1.25em;}
  #contact {padding: 2em 1em 2em 1em}

  footer {width: 100%;height:40%;text-align: center;margin:3em;padding: 2em 5em 1em 0}

}

@media all and (max-width: 690px) {
  header nav {display: none}
  #nav-button {display: block}
  footer span{display: none}
  footer .fa {font-size: 2em}
  #about, #contact {padding:1em;}
  #title-box {height: 50%}
  #title-box h1 {font-size: 9em;padding-top:30%;}
  .wrapper-pic1, .wrapper-pic2 {height: 0}
}

@media all and (max-width: 375px){
  #welcome {background-size: 130%;height:21em;}
  #title-box h1 {font-size: 4em; padding-top: 45%}
  #nav-button {margin-right: 4em;margin-top: -4.2em;margin-bottom: -2em;padding-top: 0}
  #contact {margin-left: -2em;margin-right: -1em;}
  #about {margin-bottom: 1em}
}
{'fraction_non_alphanumeric': 0.17643051771117166, 'fraction_numerical': 0.060967302452316074, 'mean_word_length': 4.5625, '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': '211449', 'n_tokens_mistral': 1281, 'n_tokens_neox': 1139, 'n_words': 267}