html
{
  margin: auto;
  height: 100%;
  font-size: 62.5%;
  margin-left: 15%;
  max-width: 70%;
}
*:before, *:after
{
  box-sizing: inherit;
}
.top
{
  margin-left: 30%;
}
.mid
{
  text-align: center;
  background-color: #F2F2F2;
  padding: 2rem;
}
.mid h1
{
  color: #017FC7;
}
.mid p
{
  width: 70%;
  margin-left: 15%;
  font-size: 1.8rem;
  color: #6F6F6F;
}
.fotos
{
  margin-top: 5%;
}
.fotos img
{
  margin-left: 5%;
}
.bottom
{
  display: flex;
  margin-top: 5rem;
  margin-bottom: 5rem;
}
.left h2
{
  text-align: left;
  margin-left: 5rem;
  padding-left: 2rem;
  color: #017FC7;
  font-family: myriad pro;
  font-size: 2rem;
  background-image: url( /media/1030/checkmark.png );
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.left p
{
  text-align: left;
}
.middle h2
{
  text-align: left;
  margin-left: 5rem;
  padding-left: 2rem;
  color: #017FC7;
  font-family: myriad pro;
  font-size: 2rem;
  background-image: url( /media/1030/checkmark.png );
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.middle p
{
  text-align: left;
}
.right h2
{
  text-align: left;
  margin-left: 5rem;
  padding-left: 2rem;
  color: #017FC7;
  font-family: myriad pro;
  font-size: 2rem;
  background-image: url( /media/1030/checkmark.png );
  background-repeat: no-repeat;
  background-position: 0px 2px;
}
.right p
{
  text-align: left;
}