<commit_before>
main.header-container{
  background-color: #004C80;
  font-weight: lighter;
  opacity: 0.9;
  width: 102%;
  padding-top: 5px;
  font-family: Gill Sans;
}
h2{
  text-align: center;
  font-size: 35pt;
  letter-spacing: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 5px; padding-bottom: 5px;
  font-weight: lighter;
  color: white;
  font-family: Gill Sans;
}
nav.header-navig{
  width: 100%;
  margin-bottom: 15px;
  padding-top: 12px; padding-bottom: 10px;
  background-color: white;
  opacity: 0.8;
}
section.tabs-header{
  padding-left: 2%;
  a{
    font-size: 1.2em;
    border-radius: 5px;
    padding: 5px;
    margin-left: 5px;
    margin-right: 10px;
    text-decoration: none;
    color: black;
    background-color: white;
    }

  a:hover{
    opacity: 1;
    color: white;
    background-color: #004C80;
    }
  a.head-resp:hover{
    opacity: 1;
    color: white;
    background-color: #004C80;
    }

  a.header-log-out{
    float: right;
    margin-right: 5%;
    margin-top: -.5%;
  }
  a.stay-blue{
    color: white;
    background-color: #004C80;
  }
}


@media screen and (max-width: 575px) {           //MOBILE
  i.fa-bars{
    color: #004C80;
    font-size: 1.5em;
    margin-left: 90%;
  }
  section.tabs-header{
    display: none;
  }
  .show-header{
    margin-left: 10%;
    position: relative;
    padding-left: 2%;
    display: table;
    margin-top: -10%;
    a.head-resp{
      display: inline-block;
      font-size: 1.2em;
      border-radius: 5px;
      padding: 5px;
      text-decoration: none;
      color: black;
      background-color: white;
      width: 90%;
      margin-bottom: 5px;
      text-align: center;
      margin-left: 5%;
      }
    a:last-child{
      width: 90%;;
      margin-left: 5%;
      margin-top: 5px;
      float: left;
    }
      a.stay-blue{
        color: white;
        background-color: #004C80;
      }
 }
}

@media (max-width: 774px) and (min-width: 576px){      //TABLET
  i.fa-bars{
    color: #004C80;
    font-size: 1.5em;
    margin-left: 90%;
  }
  section.tabs-header{
    display: none;
  }
  .show-header{
    margin-top: -9%;
    padding-left: 2%;
    display: table;
    a.head-resp{
      display: inline-block;
      font-size: 1.2em;
      border-radius: 5px;
      padding: 5px;
      text-decoration: none;
      color: black;
      background-color: white;
      width: 237px;
      margin-bottom: 5px;
      text-align: center;
      margin-left: 10%;
      }
    a:last-child{
      width: 250px;
      margin-left: 225px;
      margin-top: 5px;
      float: left;
    }
    a.head-resp:hover{
      opacity: 1;
      color: white;
      background-color: #004C80;
      }
    a.head-resp:nth-child(2){
      margin-left: 4%;
    }
    a.head-resp:nth-child(4){
      margin-left: 4%;
    }

    // a.head-resp-out{
    //   display: block;
    //   width: 50%;
    //   float: left;
    // }
    a.stay-blue{
      color: white;
      background-color: #004C80;
    }
   }
}
@media (max-width: 1024px) and (min-width: 775px){      //TABLET2
i.fa-bars{
  color: #004C80;
  font-size: 1.5em;
  margin-left: 90%;

}
  section.tabs-header{
    display: none;
  }
  .show-header{
    margin-top: -9%;
    padding-left: 2%;
    display: table;
    a.head-resp{
      display: inline-block;
      font-size: 1.2em;<commit_msg>header responsive not too high<commit_after>
main.header-container{
  background-color: #004C80;
  font-weight: lighter;
  opacity: 0.9;
  width: 102%;
  padding-top: 5px;
  font-family: Gill Sans;
}
h2{
  text-align: center;
  font-size: 35pt;
  letter-spacing: 3px;
  margin-top: 3px;
  margin-bottom: 3px;
  padding-top: 5px; padding-bottom: 5px;
  font-weight: lighter;
  color: white;
  font-family: Gill Sans;
}
nav.header-navig{
  width: 100%;
  margin-bottom: 15px;
  padding-top: 12px; padding-bottom: 10px;
  background-color: white;
  opacity: 0.8;
}
section.tabs-header{
  padding-left: 2%;
  a{
    font-size: 1.2em;
    border-radius: 5px;
    padding: 5px;
    margin-left: 5px;
    margin-right: 10px;
    text-decoration: none;
    color: black;
    background-color: white;
    }

  a:hover{
    opacity: 1;
    color: white;
    background-color: #004C80;
    }
  a.head-resp:hover{
    opacity: 1;
    color: white;
    background-color: #004C80;
    }

  a.header-log-out{
    float: right;
    margin-right: 5%;
    margin-top: -.5%;
  }
  a.stay-blue{
    color: white;
    background-color: #004C80;
  }
}


@media screen and (max-width: 575px) {           //MOBILE
  i.fa-bars{
    color: #004C80;
    font-size: 1.5em;
    margin-left: 90%;
  }
  section.tabs-header{
    display: none;
  }
  .show-header{
    margin-left: 10%;
    position: relative;
    padding-left: 2%;
    display: table;
    margin-top: -2%;
    a.head-resp{
      display: inline-block;
      font-size: 1.2em;
      border-radius: 5px;
      padding: 5px;
      text-decoration: none;
      color: black;
      background-color: white;
      width: 90%;
      margin-bottom: 5px;
      text-align: center;
      margin-left: 5%;
      }
    a:last-child{
      width: 90%;;
      margin-left: 5%;
      margin-top: 5px;
      float: left;
    }
      a.stay-blue{
        color: white;
        background-color: #004C80;
      }
 }
}

@media (max-width: 774px) and (min-width: 576px){      //TABLET
  i.fa-bars{
    color: #004C80;
    font-size: 1.5em;
    margin-left: 90%;
  }
  section.tabs-header{
    display: none;
  }
  .show-header{
    margin-top: -1%;
    padding-left: 2%;
    display: table;
    a.head-resp{
      display: inline-block;
      font-size: 1.2em;
      border-radius: 5px;
      padding: 5px;
      text-decoration: none;
      color: black;
      background-color: white;
      width: 237px;
      margin-bottom: 5px;
      text-align: center;
      margin-left: 10%;
      }
    a:last-child{
      width: 250px;
      margin-left: 225px;
      margin-top: 5px;
      float: left;
    }
    a.head-resp:hover{
      opacity: 1;
      color: white;
      background-color: #004C80;
      }
    a.head-resp:nth-child(2){
      margin-left: 4%;
    }
    a.head-resp:nth-child(4){
      margin-left: 4%;
    }

    // a.head-resp-out{
    //   display: block;
    //   width: 50%;
    //   float: left;
    // }
    a.stay-blue{
      color: white;
      background-color: #004C80;
    }
   }
}
@media (max-width: 1024px) and (min-width: 775px){      //TABLET2
i.fa-bars{
  color: #004C80;
  font-size: 1.5em;
  margin-left: 90%;

}
  section.tabs-header{
    display: none;
  }
  .show-header{
    margin-top: -1%;
    padding-left: 2%;
    display: table;
    a.head-resp{
      display: inline-block;
      font-size: 1.2em;
{'fraction_non_alphanumeric': 0.1502389486260454, 'fraction_numerical': 0.04853643966547192, 'mean_word_length': 2.0071845532105974, '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': '109703', 'n_tokens_mistral': 2843, 'n_tokens_neox': 2565, 'n_words': 543}