.body {
  font-family: Cambria, Cochin, Georgia, Times, "Times New Roman", serif;
}

.main {
  margin-top: 10%;
  margin-bottom: 10%;
  align-content: center;
  text-align: center;
}
.box {
  text-align: center;
  padding-top: 5%;
  padding-bottom: 30%;
}
.box1 {
  background-color: #383838;
  color: white;
}
.box2 {
}
.box3 {
}
.box4 {
  background-color: #0066ff;
  color: white;
}

.masthead {
  margin-bottom: 2rem;
}

.masthead-brand {
  margin-bottom: 0;
  text-align: center;
  padding-top: 5%;
  padding-bottom: 4%;
}

.nav-masthead .nav-link {
  padding: 0.25rem 0;
  font-weight: 700;
  color: rgba(86, 138, 206, 0.774);
  /*color: grey;*/
  background-color: transparent;
  border-bottom: 0.25rem solid transparent;
}

.nav-masthead .nav-link:hover,
.nav-masthead .nav-link:focus {
  border-bottom-color: rgba(255, 255, 255, 0.25);
}

.nav-masthead .nav-link + .nav-link {
  margin-left: 1rem;
}

.nav-masthead .active {
  color: rgba(35, 91, 243, 0.904);
  border-bottom-color: rgba(35, 91, 243, 0.904);
}