section#main-header .bg {
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 600px;
}
section#main-header .bg .container-fluid {
  min-height: 600px;
  background: rgba(39, 40, 56, 0.8509803922);
}
section#main-header h1 {
  padding-top: 12rem;
  max-width: 700px;
}
@media only screen and (max-width: 767.98px) {
  section#main-header h1 {
    font-size: 35px;
    max-width: 80%;
  }
}
section#main-header .calcs {
  margin-top: -150px;
}
section#main-header .calcs .col-12 {
  text-decoration: none;
  background: white;
  border-radius: 20px;
  border: 10px solid;
  border-color: rgba(39, 40, 56, 0.1019607843);
  max-width: 80%;
  box-shadow: rgba(149, 157, 165, 0.2) 0px 8px 24px;
  transition: 0.3s;
}
section#main-header .calcs .col-12:hover {
  background-color: #657ed4;
}
section#main-header .calcs .col-12:hover h2 {
  color: white !important;
}
section#main-header .calcs .col-12:hover p {
  color: white;
}
section#main-header .calcs .col-12:hover img {
  filter: contrast(5);
}
section#main-header .calcs h2 {
  font-size: 20px;
}
@media only screen and (min-width: 1600px) {
  section#main-header .container {
    max-width: 1500px;
  }
}

section#content img {
  max-width: 45vw;
}
@media only screen and (max-width: 1500px) {
  section#content img {
    margin-top: 60px;
  }
}
@media only screen and (max-width: 1300px) {
  section#content img {
    margin-top: 80px;
  }
}
@media only screen and (max-width: 1200px) {
  section#content img {
    margin-top: 120px;
  }
}
@media only screen and (max-width: 991.98px) {
  section#content img {
    margin-top: 0px;
    max-height: 400px;
    max-width: 100%;
  }
}
@media only screen and (max-width: 575.98px) {
  section#content img {
    max-height: 250px;
  }
}
section#content .txt {
  max-width: 600px;
}
section#content .left {
  left: 0;
}
section#content .right {
  right: 0;
}
section#content .row {
  min-height: 660px;
}
section#content h2 {
  font-size: 50px;
}
@media only screen and (max-width: 1300px) {
  section#content h2 {
    font-size: 38px;
  }
}
section#content .sub-heading {
  font-size: 20px;
  font-weight: bold;
}
section#content .hide {
  margin-top: -7rem;
}
@media only screen and (max-width: 1700px) {
  section#content .hide {
    display: none;
  }
}
section#content .btn {
  padding-top: 0.4rem !important;
}
@media only screen and (max-width: 991.98px) {
  section#content .img-box {
    min-height: 400px;
  }
  section#content .reverse {
    flex-direction: column-reverse;
  }
}
@media only screen and (max-width: 575.98px) {
  section#content img {
    max-height: 250px;
  }
  section#content .img-box {
    min-height: 250px;
  }
}