nav{
  display:block;
  width:100%;
  background-color:#bde5ff;
  clear:both;
  font-family:'Arial';
  padding-top: 1%;
  padding-bottom: 1%;
  color: #272727;
}


div.box {
  display:block;
  margin:0;
  font-family:'Arial';
  color:#3d3d3d;
  width:25%;
  min-height: 100%;
  height: auto;
  box-shadow: 10px 10px #9daeb9;
  background-color:#bde5ff;
  margin-top: 0%;
  transition: 0.3s;
}

div.box:hover {
  box-shadow: 10px 10px #ecedf1;
}

div.main {
  display:block;
  width:100%;
  font-family:'Arial', sans-serif;
  color: #272727;
  margin-top: 5%;
  margin-bottom: 5%;
}

hr.line1 {
  border: 1px solid #bde5ff;
}
hr.line2 {
  border: 1px solid #8F8F8F;
}
h1 {
  font-size: 200%;
  margin-left:20%;
  margin-right:20%;
  text-align: center;
}
h2 {
  font-size:200%;
  margin-left:20%;
  margin-right:20%;
  text-align: center;
}

h3 {
  font-size:140%;
  margin-left:20%;
  margin-right:20%;
  text-align: center;
}
p {
  color: #111111;
  font-size:120%;
  margin-left:20%;
  margin-right:20%;
}
ul {
  font-size:120%;
  margin-left:2%; 
  margin-right:2%;
  text-align: left;
}
li {
  margin-left: 0%;
  margin-top: 3%;
  margin-bottom: 3%;
  overflow: hidden;
}
div.footer {
  display:block;
  width:100%;
  margin:0;
  padding:1% 0;
  background-color:#bde5ff;
  font-size:28px;
  font-family:'Arial';
  height:15%;
}