body{
  background-color: #2697A1;
}

h1, h2{
  background-color: #1046A9;
}

h1, h2, h3{
  color:#FFF;
  text-align:center
}

#afc{
  background-color: #AF0B0B;
}

#nfc{
  background-color: #0C3883;
}

#league{
  background: linear-gradient(#0C3883, #AF0B0B);
}

.container{
  display: flex;
  flex-flow: wrap;
  text-align: center;
  margin-bottom: 2vh;
  width: 100%;
  max-width: 400px;
  margin-left: auto;
  margin-right: auto;
}

.box{
  background-color: #5286BC;
  width: 10vh;
  height: 10vh;
  margin: 5px;
}

@media (min-width: 756px){
  .container{
    max-width: 750px;
    justify-content: space-between;
  }
  
  .box{
    width: 15vh;
    height: 10vh;
  }
}