.about-image {
  width: 100%;
}
body {
  font-family: 'Montserrat', sans-serif;
  font-weight:300;
  font-size:14px;
  font-size:1rem;
}
.nav-item.blue, .nav-item.red, .nav-item.yellow {
  border-radius: 5px;
  margin: 4px;
  padding: 10px;
}
.navbar-nav .nav-item a.nav-link {
  color: #fff;
  font-weight: 800;
}
.navbar-nav .nav-item a.nav-link:hover {
  color: #000;
}
.navbar-nav .nav-item a i {
  color: #000;
}
.nav-item.blue:hover {
  background-color: rgb(99,129,175);
}
.nav-item.fa {
  margin-top: 25px;
}
.navbar {
  margin-top: 60px;
}
.blue {
  background-color: rgb(32,75,141);
  color: #fff;
  margin: 10px;
  padding: 10px;
}
.gray {
  background-color: #f4f4f4;
  color: #000;
  margin: 20px;
  padding: 20px;
}
.nav-item.red:hover {
  background-color: rgb(241,99,108);
  color: #000;
}
.nav-item.red {
  background-color: rgb(235,32,45);
  color: #fff;
}
.nav-item.yellow:hover {
  background-color: rgb(254,213,112);
  color: #000;
}
.red {
  margin: 10px;
  padding: 10px;
}
.yellow {
  background-color: rgb(253,195,50);
  color: #fff;
  font-weight: 800;
  margin: 10px;
  padding: 10px;
}
.footer {
  background-color: rgb(32,75,141);
  color: #fff;
  min-height: 100px;
}
.footer .address {
  margin: auto;
  padding: 30px;
  text-align: center;
  width: 80%;
}
.welcome {
  font-size: 1.7em;
  font-weight: 800;
}
.about, .contact {
  font-weight: 800;
}
#my-carousel {
  width: 100%;
}
.carousel img {
  width: 100%;
}
#comment {
  width: 100%;
}
.survey {
  margin: 10px;
}
.middle-name {
  display: none;
}