body{
  background-color: #aebcbf; 
}

section{
  background-color: white;
  padding: 30px; 
  margin: 20px; 
  text-align: center;
}


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

.arial{
  font-family: Arial, sans-serif;
  font-size: 1.3em;
}

.librebaskerville{
  font-family: 'Libre Baskerville', serif;
  font-size: 1.0em;
}

.dancingscript{
  font-family: 'Dancing Script', cursive;
  font-size:2.5em;
}

.abrilfatface {
  font-family: 'Abril Fatface', cursive; 
  font-size:2.5em;
}

.oswald {
  font-family: 'Oswald', sans-serif;
  font-size:2.0em;
}

.amaticsc {
  font-family: 'Amatic SC', cursive;
  font-size:2.7em;
}

.greatvibes{
  font-family: 'Great Vibes', cursive;
  font-size:2.5em;
}

.opensans{
  font-family: 'Open Sans', sans-serif;
  font-size:1.0em; 
}

.vidaloka{
  font-family: 'Vidaloka', serif;
  font-size:2.5em;
}

.playfairdisplay{
  font-family: 'Playfair Display', serif;
  font-size:2.3em;
}

.montserrat{
  font-family: 'Montserrat', sans-serif;
  font-size:1.0em;
}

.lato{
  font-family: 'Lato', sans-serif;
  font-size:1.0em;
}

@media(min-width: 700px){
  section{
  background-color: white;
  padding: 30px; 
  margin: 20px; 
 display: grid;
 grid-template-columns: 1fr 1fr;
 text-align: center;
}