#wrapper{
  width: 100%;
  max-width: 960px;
  margin: 0 auto;
}

h1{ color: white; font-family: tahoma, sans-serif; font-size: 2.5em;}

h1, p{
  text-align:center;
}

body {
  background-color: #f50b40;
}

section {
    background-color: #c2d1dd;
    padding: 10px;
    margin: 10px;
}

.mono{
  font-family: "monospace";
  font-size: 1.3cm;
}


.arial{
  font-family: 'arial'. sans-serif;
  font-size: 1.3cm;
}

.turretroad {
  font-family: 'Turret Road', cursive;  
  font-size: 1.3cm;
}

.vibes{
  font-family: 'Vibes', cursive;
  font-size: 1.3cm;
  
}
.Oswald{
  font-family: 'Oswald', sans-serif;
  font-size:1.3cm;
  
} 

.Alatsi{
  font-family: 'Alatsi', sans-serif;
  font-size:1.3cm;
}
.Anton{
  font-family: 'Anton', sans-serif;
  font-size:1.3cm;
}
.AbrilFatface{
  font-family: 'Abril Fatface', cursive;
  font-size:1.3cm;
}


@media (min-width: 960px){

  section{ 
      display:grid; 
      grid-template-columns: 1fr 1fr; 
   }

 }