@import url('https://fonts.googleapis.com/css?family=Kanit&display=swap');

body {
  font-family: "Kanit", sans-serif;
}

.bg-adis-color {
  background-color: #851514;
}

.navbar-dark {
  padding: 0;
}
.navbar-dark .navbar-brand {
  text-align: center;
  margin: 0 auto;
}
.navbar-dark .navbar-brand .logo {
  max-width: 30%;
}
.navbar-dark .sign-in {
  position: absolute;
  right: 15px;
  min-width: 70px;
}

.navbar-collapse {
  flex-grow: 0;
}

.home-about-us {
  color: #fff;
  padding: 50px 0;
}
.home-about-us .home-about-us-logo {
  width: 70%;
}

.home-contact-us {
  padding-top: 20px;
}
@media screen and (min-width: 1200px) {
  .home-contact-us p {
    text-align: left;
  }
  .home-contact-us h4 {
    text-align: left;
  }
}
.home-contact-us .contact-us-details {
  padding: 80px 0;
}

#map {
  height: 100%;
}

@media screen and (max-width: 1200px) {
  footer p {
    text-align: center;
  }
}
footer .logo {
  max-width: 100px;
}
@media screen and (max-width: 1200px) {
  footer .logo {
    margin: 0 auto;
  }
}
footer .logo img {
  padding-bottom: 10px;
}

@media screen and (min-width: 1200px) {
  .website-link .card-columns {
    column-count: 2;
  }
}
.website-link .image-hover img {
  opacity: 1;
  display: block;
  width: 100%;
  height: auto;
  transition: 0.5s ease;
  backface-visibility: hidden;
}
.website-link .image-hover .image-hover-contain {
  transition: 0.5s ease;
  opacity: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  text-align: center;
}
.website-link .image-hover:hover {
  background-color: #707070;
}
.website-link .image-hover:hover .card-img-top {
  opacity: 0.3;
}
.website-link .image-hover:hover .image-hover-contain {
  opacity: 1;
}
@media screen and (min-width: 1200px) {
  .website-link .image-hover:hover .image-hover-contain div {
    display: flex;
  }
  .website-link .image-hover:hover .image-hover-contain div img:first-child {
    padding-right: 10px;
  }
}
@media screen and (max-width: 1200px) {
  .website-link .image-hover:hover .image-hover-contain div img:first-child {
    margin-bottom: 10px;
  }
}

@media screen and (min-width: 1200px) {
  .container {
    max-width: 1240px;
  }
}
.body-color {
  color: #212529;
}

/*# sourceMappingURL=index.css.map */