h1{
  text-align: center;
  font-family: 'Abril Fatface', cursive;
  font-size: 6em; color:#002C3D;
}
.container{  
  width: 100%;
  min-width:300px;
  max-width: 900px;
  margin:0 auto;
  margin: 0 auto; 
  background-color: #002C3D;
}
body{
  background-color:#D1E5E9;

}

.container2{  
  width: 100%;
  min-width:320px;
  max-width: 900px;
  margin:0 auto;
  margin: 0 auto; 
  background-color: #002C3D;
}

section{ 
  border-radius: 1vw; 
}

div, 
p{ text-align:center; }
body{ margin-top:30px; }
.leftside{
  display: inline-block;
  width: 50%;
  margin-top: 35px 0;
}
.rightside{
  display: inline-block;
  width: 50%;
  padding: 23px 0;
}

.PoiretOne{
  font-family: 'Poiret One', cursive;
  font-size: 1.8em; color:#D1E5E9;
}

.Poppins{
  font-family: 'Poppins', sans-serif;;
  color: #D1E5E9;
  font-weight: 20; font-size: 1.6em;
}

.JuliusSansOne{
  font-family: 'Julius Sans One', sans-serif;
  color:#D1E5E9; font-size: 1.5em; 
}

.CormorantGaramond{
  font-family: 'Cormorant Garamond', serif;
  color:#D1E5E9; font-size: 1.7em;
}

.Merriweather{
  font-family: 'Merriweather', serif;
  color:#D1E5E9; font-size: 1.5em;
}

.Montserrat{
  font-family: 'Montserrat', sans-serif;
  color:#D1E5E9; font-size: 1.5em;
}

.Spectral{
  font-family: 'Spectral', serif;
  color:#D1E5E9 ; font-size: 1.9em;
}

.Karla{
  font-family: 'Karla', serif;
  color:#D1E5E9; font-size: 1.9em;
}

.Quicksand{
  font-family: 'Quicksand', sans-serif;
  color:#D1E5E9; font-size: 1.7em;
}

.EBGaramond{
  font-family: 'EB Garamond', serif;
  color:#D1E5E9; font-size: 1.8em;
}

.YesevaOne{
  font-family: 'Yeseva One', cursive;
  font-size: 1.8em; color:#D1E5E9;
}

.CrimsonText{
  font-family: 'Crimson Text', serif;
  color:#D1E5E9; font-size: 1.8em;
}