*{box-sizing: border-box; }

section{
  background-color: #A9DDD9; 
  width: 100%;
  max-width: 800px;
  border-radius: 25px;
  padding-top: 20px;
  margin: 25px auto;
  padding: 20px;
}
h1{
  text-align:center;
}
p{  text-align:center; }


@media ( min-width: 800px){
    .sidebyside{
      display: grid;
      grid-template-columns: 1fr 1fr
    }
}
section p{
  Margin: 15px 0;

}

/* websafe fonts */
#verdana{
  font-family: verdana, sans-serif;
  color: #E3493B;
  font-size: 2em;
  margin: 15px 0;
  padding-top:0.25em;
}


#georgia{
  font-family: georgia, serif;
  color: #E3493B;
  font-size: 2em;
  padding-top: 0.25em;
}
/* websafe fonts */
#palantino{
  font-family: palantino, serif;
  color: #E3493B;
  font-size: 2em;
  margin: 15px 0;
  padding-top:0.25em;
}


#helvetica{
  font-family: helvetica, sans-serif;
  color: #E3493B;
  font-size: 2em;
  padding-top: 0.25em;
}

/* google fonts */
#rockwell{
  font-family: 'Rockwell', serif;
  color: #E3493B;
  font-size: 2em;
  padding-bottom: 0.25em;
    margin: 15px 0;
}
#bembo{
    font-family: 'Bembo', sans-serif;
    color: #E3493B;  
    font-size: 2em;
    padding-top: 0.25em;
}
/* google fonts */
#lalezar{
  font-family: 'lalezar', sans-serif;
  color: #E3493B;
  font-size: 2em;
  padding-bottom: 0.25em;
    margin: 15px 0;
}
#roboto
{
    font-family: 'Roboto', sans-serif; 
    color: #E3493B;
    font-size: 2em;
    padding-top: 0.25em;
}

#satisfy
{
  font-family: 'satisfy', cursive;
  color: #E3493B;
  font-size: 2em;
  padding-bottom: 0.25em;
    margin: 15px 0;
}
#lato
{
    font-family: 'lato', san-serif;
    color: #E3493B;
    font-size: 2em;
    padding-top: 0.25em;
       margin: 15px 0;
}