.light {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 400;
}
.bold {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 700;
}
.dark-bg {
  background: #025168;
}
.mint-bg {
  background: #53b983;
}
.teal-bg {
  background: #009c9b;
}
.blue-bg {
  background: #289ac2;
}
.lime-bg {
  background: #c0d22f;
}
body {
  background: #eaeaea;
}
header {
  background: #025168;
  padding: 40px 0 100px 0;
}
footer {
  background: url('img/footer-bg.jpg');
  height: 243px;
}
header h1 {
  color: white;
  padding: 30px 0;
}
h1 {
  font-size: 30px;
  text-align: center;
  text-transform: uppercase;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 400;
}
h1 strong,
h2,
h3 {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 700;
}
h2,
h3 {
  text-align: center;
  font-size: 25px;
  text-transform: uppercase;
  padding-bottom: 30px;
}
h2 {
  color: #009c9b;
}
h3 {
  color: #025168;
}
.content {
  padding: 20px;
}
.boxes {
  margin-top: -100px;
}
.boxes ul {
  display: flex;
  border: 2px solid white;
}
.boxes ul li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 200px;
  width: 20%;
  border: 3px solid white;
  text-align: center;
  color: white;
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 400;
  text-transform: uppercase;
  transition: .2s linear all;
}
.boxes a {color: white;}
.boxes ul li:hover {
  background: #eaeaea;
}
.boxes ul li.dark-bg:hover a {
  color: #025168;
}
.boxes ul li.mint-bg:hover a {
  color: #53b983;
}
.boxes ul li.teal-bg:hover a {
  color: #009c9b;
}
.boxes ul li.blue-bg:hover a {
  color: #289ac2;
}
.boxes ul li.lime-bg:hover a {
  color: #c0d22f;
}
.events {
  background: white;
  padding: 20px;
  margin-bottom: 80px;
}
.sponsors {
  text-align: center;
  padding-bottom: 90px;
}
.resources {
  background: white;
  padding: 30px;
  text-align: center;
}
.box p {
  font-family: "Gotham SSm A", "Gotham SSm B";
  font-style: normal;
  font-weight: 700;
  text-transform: uppercase;
  color: white;
  font-size: 13px;
  padding-top: 10px;
  transition: .2s linear all;
}
.box {
  padding: 20px;
  padding-bottom: 5px;
  transition: .2s linear all;
}
.box img {
  max-width: 80%;
}
.box:hover {
  background: #eaeaea;
}
.box:hover p {
  color: #025168;
}
.box.dark-bg {
  border: 2px solid #025168;
}
.box.mint-bg {
  border: 2px solid #53b983;
}
.box.teal-bg {
  border: 2px solid #009c9b;
}
.box.blue-bg {
  border: 2px solid #289ac2;
}
.box.lime-bg {
  border: 2px solid #c0d22f;
}
.box.dark-bg:hover p {
  color: #025168;
}
.box.mint-bg:hover p {
  color: #53b983;
}
.box.teal-bg:hover p {
  color: #009c9b;
}
.box.blue-bg:hover p {
  color: #289ac2;
}
.box.lime-bg:hover p {
  color: #c0d22f;
}
@media (max-width: 800px) {
  .boxes ul {
    display: block;
  }
  .boxes ul li {
    display: flex;
    height: 200px;
    width: 100%;
  }
}