header{
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  text-align: center;
  overflow: scroll;
}

a:hover{
  background-color: rgb(046,070,118);
}

.footer{
  left: 0;
  bottom: 0;
  width: 100%;
  text-align: center;
}

td{
  margin-left: 10%;
  padding: 10px;
}

.theme-blue{
  background-color: rgb(146,170,218);
  color: rgb(255,255,255);
}

.theme-grey{
  background-color: rgb(200, 66, 244);
  color: rgb(255,255,255);
}

.theme-blue-back{
  background-color: rgb(255,255,255);
  color: rgb(146,170,218);
}

.text{
  margin-left: 50px;
}

.offsides{
  margin-left: 10%;
  margin-right: 10%;
  margin-top: 10px;
}

.box-left{
  padding: 2%;
  width:49%;
  float: left;
  margin-bottom: 2%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}

.box-right{
  padding: 2%;
  width:49%;
  float: right;
  margin-bottom: 2%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}

.box-left-sm{
  padding: 2%;
  width:29%;
  float: left;
  margin-bottom: 2%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}

.box-right-sm{
  padding: 2%;
  width:69%;
  float: right;
  margin-bottom: 2%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}

.box{
  padding: 2%;
  width:100%;
  float: right;
  margin-bottom: 2%;
  margin-right: 0.4%;
  margin-left: 0.4%;
}

.info-box{
  margin-bottom: 2%;
}

.no{
  text-decoration: none;
}

.big{
  font-family:"Arial";
  font-size:50;
  float: left;
  padding-left:10%;
}

.small{
  font-family: inherit;
  font-size:20;
  justify-content:center;
}

.glossary{
  width: 100%;
}

.niceFill{
  border-collapse: collapse;
  border: 3px solid white;
}

@media only screen and (max-width: 920px) {
  /* For smaller screens/windows browsers: */
  .box-left{
    float: left;
    padding: 2%;
    width:99%;
    margin-bottom: 2%;
    margin-right: 0.4%;
    margin-left: 0.4%;
    text-align: center;
  }

  .box-right{
    float: left;
    padding: 2%;
    width:99%;
    margin-bottom: 5%;
    margin-right: 0.4%;
    margin-left: 0.4%;
    text-align: center;
  }

  .box-left-sm{
    float: left;
    padding: 2%;
    width:99%;
    margin-bottom: 2%;
    margin-right: 0.4%;
    margin-left: 0.4%;
    text-align: center;
  }

  .box-right-sm{
    float: left;
    padding: 2%;
    width:99%;
    margin-bottom: 5%;
    margin-right: 0.4%;
    margin-left: 0.4%;
    text-align: center;
  }
}

@media only screen and (max-width: 320px) {
  /* For phones: */
  .box-left{
    float: left;
    width:99%;
    margin-bottom: 2%;
    margin-right: 0.4%;
    margin-left: 0.4%;
    text-align: center;
    font-size: 8;
  }

  .box-right{
    float: left;
    width:99%;
    margin-bottom: 5%;
    margin-right: 0.4%;
    margin-left: 0.4%;
    text-align: center;
    font-size: 8;
  }
}