#top {
  position: relative;
}
#top img {
  width: 100%;
}
#top .top-hero {
  position: absolute;
  top: 60%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  color: white;
  font-size: 50px;
}
#top .top-hero h2 {
  font-size: 3rem;
}
#top .top-hero p {
  font-size: 13px;
}
#top .top-hero p a {
  color: white;
}
#system .systems-row {
  background-color: white;
}
#system .systems-row .div-img {
  justify-content: center;
  display: flex;
}
#accordions {
  background-color: white;
}
#accordions .card {
  margin: 0 0 25px 0;
}
#accordions .card .card-header {
  background-color: transparent;
}
#accordions .card .card-header button h2 {
  color: #141414 !important;
}
#accordions .card-body {
  color: #243e6b;
  font-weight: bold;
  font-family: "Nunito Sans";
  padding: 0;
}
#accordions .card-body .div-line {
  border-bottom: 1px solid rgba(0, 0, 0, 0.125);
  padding: 1.25rem;
  margin: 0 1rem;
  display: flex;
  justify-content: space-between;
}
#accordions .card-body .video-link {
  color: #7e7e7f;
}
#accordions .card-body .fa-arrow-down {
  color: #243e6b;
}
@media (max-width: 1260px) {
  #top .top-hero {
    top: 50%;
  }
  #top .top-hero h2 {
    font-size: 2rem;
  }
  #top .top-hero p {
    font-size: 15px;
  }
}
@media (max-width: 1200px) {
  .navbar {
    top: 0;
  }
  #top {
    margin-top: 120px;
  }
  #top img {
    height: 260px;
  }
  #top .top-hero {
    top: 50%;
  }
  #top .top-hero h2 {
    font-size: 2rem;
  }
  #top .top-hero p {
    font-size: 15px;
  }
}
@media (max-width: 991px) {
  .navbar {
    top: 0;
  }
  #top {
    margin-top: 103px;
  }
  #top img {
    height: 230px;
  }
  #top .top-hero {
    top: 50%;
  }
  #top .top-hero h2 {
    font-size: 2rem;
  }
  #top .top-hero p {
    font-size: 15px;
  }
}
@media (max-width: 768px) {
  .navbar {
    top: 0;
  }
  #top {
    margin-top: 103px;
  }
  #top img {
    height: 200px;
  }
  #top .top-hero {
    top: 50%;
  }
  #top .top-hero h2 {
    font-size: 2rem;
  }
  #top .top-hero p {
    font-size: 15px;
  }
}
@media (max-width: 590px) {
  .navbar {
    top: 0;
  }
  #top {
    margin-top: 103px;
  }
  #top img {
    height: 150px;
  }
  #top .top-hero {
    top: 50%;
  }
  #top .top-hero h2 {
    font-size: 2rem;
  }
  #top .top-hero p {
    font-size: 15px;
  }
}