body {
  font-family: 'IBM Plex Sans', sans-serif;
  background-color: white;
}
.contact-us {
  height: 100%;
}
h1 {
  font-weight: 300;
}
.header {
  background-image: url('./images/wp.jpeg');
  background-position: right;
  background-size: cover;
  padding: 15px;
  background-repeat: no-repeat;
  background-attachment: fixed;
}
.sub-header {
  padding: 40px;
  padding-top: 100px;
  height: 100vh;
}
.center {
  height: 36px;
  line-height: 36px; /* same as height! */
}
.btn {
  border-radius: 0;
}
.navbar-toggler {
  border: none;
}
.navbar-toggler:focus {
  outline: 0 !important;
}
.title {
  font-size: 4.7em;
  margin-top: 120px;
}
.b {
  color: black;
  text-decoration: none !important;
}
.b:hover {
  color: grey;
}
.info-head {
  margin-bottom: 0;
  padding: 5px;
  background-color: #dcf5ff;
}
.desc {
  background-color: #32a0fe;
  padding: 30px;
}
.header-desc {
  font-size: 1.7em;
  padding: 30px;
}
.desc-content {
  padding: 30px;
}
.card-img-top {
  height: 250px;
}
.card-product {
  border-radius: 0;
  padding: 10px;
  background-color: #f3f3f3;
  border: 3px solid #fff;
  height: 100%;
}

.card-title {
  height: 60px;
}
.cool-link::after {
  content: '';
  display: block;
  width: 0;
  height: 2px;
  background: #fff;
  transition: width 0.3s;
}
.cool-link:hover::after {
  width: 100%;
  transition: width 0.3s;
}

.card-service {
  border-radius: 0;
  height: 250px;
  margin: 4px;
  background-color: #f3f3f3;
  border: 1px solid #f3f3f3;
}
.col-6 {
  margin-bottom: 20px;
}

h5 {
  font-weight: 400;
}

@media (max-width: 768px) {
  .title {
    font-size: 2.3em;
    margin-top: 150px;
  }
  .service-col {
    margin-bottom: 20px;
  }
  .card-product {
    height: 100%;
  }
  .header {
    background-attachment: scroll;
  }
}
@media all and (device-width: 768px) and (device-height: 1024px) and (orientation: portrait) {
  .header {
    background-attachment: scroll;
  }
}