@charset "utf-8";
/* CSS Document */
.bgvideo {
  min-height: 100%;
  min-width: 100%;
}
body {
  font-family: 'Josefin Sans', sans-serif !important;
}
h1 {
  font-size: 25pt !important;
}
h3 {
  font-size: 20pt !important;
}
p {
  font-size: 15pt !important;
  font-weight: 300 !important;
}
ul li {
  font-size: 15pt !important;
  font-weight: 500 !important;
}
.custom-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255,255,255)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.copyright {
  font-size: 10pt;
}
.tagline {
  margin-left: auto;
}
.navbar {
  background: rgba(57, 48, 74, 0.5) !important;
}
.gallery-row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
  justify-content: center;
}
.gallery-column {
  flex: 15%;
  padding: 0 4px;
}
.gallery-column img {
  margin-top: 8px;
  vertical-align: middle;
  width: 100%;
}
* {
  box-sizing: border-box
}
.image {
  max-height: 450px;
  width: 100%;
  margin: auto;
  display: block;
}
.overlay {
  height: 100%;
  width: 100%;
  background-color: #212130;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0;
  transition: .5s ease;
}
.bio_container:hover .overlay {
  opacity: 0.7;
}
.img_content {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  width: 100%;
  font-size: 15pt;
  opacity: 1;
}
.card {
  height: 180px !important;
  background-color: #39304A !important;
  padding: 12px !important;
}
.img-fluid {
  height: 100% !important;
  width: 100% !important;
}
.icon {
  width: 25px;
}
.icon-container:hover .icon {
  transform: translate3d(0, -.125rem, 0);
}
.gradient-color-container {
  background-image: linear-gradient(to bottom, rgba(57, 48, 74, 0.3), rgba(33, 33, 48, 1));
  overflow: hidden !important;
}
@media screen and (max-width: 800px) {
  .gallery-column {
    flex: 50%;
    max-width: 50%;
  }
}
@media screen and (max-width: 600px) {
  .gallery-column {
    flex: 100%;
    max-width: 100%;
  }
}
@media (max-width: 768px) {
  .carousel-inner .carousel-item > div {
    display: none;
  }
  .carousel-inner .carousel-item > div:first-child {
    display: block;
  }
}
.carousel-inner .carousel-item.active, .carousel-inner .carousel-item-start, .carousel-inner .carousel-item-next, .carousel-inner .carousel-item-prev {
  display: flex;
}
@media (min-width: 768px) {
  .carousel-inner .carousel-item-right.active, .carousel-inner .carousel-item-next, .carousel-item-next:not(.carousel-item-start) {
    transform: translateX(25%) !important;
  }
  .carousel-inner .carousel-item-left.active, .carousel-item-prev:not(.carousel-item-end), .active.carousel-item-start, .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }
  .carousel-item-next.carousel-item-start, .active.carousel-item-end {
    transform: translateX(0) !important;
  }
  .carousel-inner .carousel-item-prev, .carousel-item-prev:not(.carousel-item-end) {
    transform: translateX(-25%) !important;
  }
}
@media (max-width: 1024px) {
  .image {
    max-height: 250px;
  }
  .card {
    min-height: 180px !important;
    min-width: 180px !important;
  }
  .career-left {
    margin-top: auto !important;
  }
}
@media (max-width: 992px) {
  h1 {
    font-size: 20pt !important;
  }
  h3 {
    font-size: 18pt !important;
  }
  p {
    font-size: 15pt !important;
    font-weight: 300 !important;
  }
  ul li {
    font-size: 15px !important;
    font-weight: 500 !important;
  }
  .content {
    padding: 3rem;
  }
  .contact {
    padding-left: 3rem;
    padding-right: 3rem;
    padding-bottom: 3rem;
  }
  .career {
    padding-top: 1rem;
  }
  .img_content {
    font-size: 12pt !important;
  }
}