:root {
  --main-color: #003367;
  --second-color: #ffffff;
  --third-color: #bad9ea;
  --background-color: rgba(192, 192, 192, 0.4);
  --placeholder-color: #a1a1a1;
  --box-shadow: rgba(17, 17, 26, 0.1) 0px 4px 16px,
    rgba(17, 17, 26, 0.05) 0px 8px 32px;
}
@media (max-width: 576px) {
}
@media (max-width: 768px) {
  .about {
    height: 100%;
    .img-one {
      img {
        height: 400px !important;
        width: 100%;
      }
    }
    .header-section {
      h3 {
        font-size: 35px;
      }
    }
    .img-two {
      display: none;
    }
    p {
      font-size: 15px;
    }
    li {
      font-size: 14px;
      color: #555151;
    }
  }

  .navbar-brand img {
    width: 200px !important;
  }
}
@media (max-width: 991px) {
}
@media (max-width: 992px) {
}
@media (max-width: 1200px) {
  .about {
    height: 100vh;
    .img-one {
      img {
        height: 600px;
        width: 100%;
      }
    }
    .header-section {
      h3 {
        font-size: 40px;
      }
    }
    .img-two {
      bottom: -25px;
      background-color: transparent;
      display: none;
    }
    p {
      font-size: 16px;
    }
    li {
      font-size: 15px;
      color: #555151;
    }
  }
}

@media (min-width: 992px) {
}
@media (min-width: 1200px) {
}