html
{
  margin: auto;
  height: 100%;
  margin-top: -1rem;
  font-size: 62.5%;
  margin-left: 15%;
  max-width: 70%;
}
*:before, *:after
{
  box-sizing: inherit;
}
.blue
{
  color: #004F9F;
}
.top
{
  margin-top: 5%;
  display: flex;
}
.top h2
{
  font-weight: bold;
  font-style: italic;
  font-family: verdana;
  color: #004F9F;
  font-size: 2rem;
  padding-bottom: 1.5rem;
}
.top p
{
  text-align: left;
  font-size: 1.7rem;
}
.left
{
  width: 40rem;
}
.right
{
  width:51rem;
  height: 34rem;
  margin-left: 8%;
  margin-top: 4%;
  background-color: #004F9F;
}
.mid
{
  text-align: center;
  margin-top: 4rem;
  font-size: 1.5rem;
  padding: 2rem;
  background-color: #CECECE;
}
.bottom
{
  margin-top: 8%;
  display: flex;
}
.bottom h2
{
  font-weight: bold;
  font-style: italic;
  font-family: verdana;
  color: #004F9F;
  font-size: 2rem;
}
.bottom p
{
  text-align: left;
  font-size: 1.7rem;
}
.left2
{
  width:51rem;
  height: 34rem;
  background-color: #004F9F;
}
.right2
{
  width: 40rem;
  margin-left: 8%;
}