@charset "utf-8";
* {
  margin: 0;
  padding: 0;
}
h1,h2,h3,h4,h5,h6 {
  font-size: 100%;
}
html {
  font-size: 62.5%;
}
body {
  font-size: 1.6em;
}
@media screen and (max-width: 780px) {

  .parent {
    height: 80rem
  }
  .parent>h1 {
    margin-top: 100px;
  }
  _::-webkit-full-page-media,_:future, :root ul li {
    font-size: 2.8vw;
    
  }
  li {
    line-height: 4.5vw;
    min-width: 30px;
  }
  section li {
    font-size: 2.8vw;
    line-height: 5vw;
  }
  .grid-itemD {
    margin-left: 10px;
  }
  .grid-itemF {
    margin-right: -2vw ;
    margin-left: -2vw;
  }
  .grid-itemG {
    width: 15vw;
    /* margin-right: 9.5vw; */
  }
  .student {
    margin-top: 5vw;
  }
}
@media screen and (max-width: 380px) {
  .header-right {
    margin-right: 5vw;


  }
  .grid-container {
    height: 140px;
  }
  li {
    margin-left: -1px;
    line-height: 5vw;
  }
  .grid-itemD {
    margin-left: 10px;
  }
  .grid-containerC {
    margin-left: -5px;
  }
  .grid-itemF {
    margin-left: 16px;
    margin-right: px;
  }
  .grid-itemG {
    margin-left: 30px;
  }
}