:root {
  --themecolor: #5c9a3d;
  --themecolor-hover: #5f5e80;
}

.fbox-icon.position-relative.mb-4 {
  width: 50px !important;
  height: 50px !important;
}

#page-title {
  background-color: #5c9a3d;
  border-bottom: 1px solid #5c9a3d;
}

#page-title h1 {
  color: #fff;
}

#logo a.standard-logo > img,
#logo a.retina-logo img {
  padding: 10px;
  padding-bottom: 15px;
}

@media (max-width: 990.98px) {
  #logo {
    display: flex;
    align-items: center;
  }
  #logo a.standard-logo > img,
  #logo a.retina-logo img {
    max-width: 60%;
    height: auto;
    margin: auto;
  }
}

@media (min-width: 992px) {
  #header,
  #header-wrap,
  #logo img {
    height: 60px !important;
  }
}

@media (min-width: 992px) {
  #primary-menu ul li > a {
    font-size: 18px;
  }
}

@media (max-width: 1199.98px) {
  #logo a.standard-logo > img,
  #logo a.retina-logo img {
    padding: 0;
    height: auto !important;
  }
}

small.text-light.ls1.t300 {
  margin: 0 0 6px 0;
  font-size: 16px !important;
  font-weight: 500 !important;
  text-shadow: 0 1px 1px rgb(0 0 0 / 30%);
  z-index: 9;
}

.img-hover-wrap .img-hover-title {
  font-weight: 300 !important;
  color: #f8f9fa !important;
  font-size: 14px !important;
}

.img-hover-wrap .img-hover-detail {
  right: 10px;
}
@media (max-width: 574.98px) {
  h2 {
    font-size: 30px !important;
  }
  .portfolio-item {
    padding: 0px 12px;
  }
  .parallax h2 {
    font-size: 30px !important;
  }
  #logo a.standard-logo > img,
  #logo a.retina-logo img {
    max-width: 50%;
  }
}

@media (max-width: 767.98px) {
  #logo a.standard-logo > img,
  #logo a.retina-logo img {
    max-width: 200px;
  }
}