/*======ABOUT.HTML=====*/

nav {
    background-color: #191515 !important;
}

.banner {
    background-color: #191515;
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: relative;
}

.about-header {
    font-weight: 700;
    color: white;
    -webkit-text-stroke: 1px white;
    text-stroke: 1px white;
}

.video-sec {
 background-color: white;
}

.main-vid {
    width: 100%;
    border-radius: 7px;
}

.who-section {
    background-color: #F4F4F4;
}

.image {
    width: 100%;
    border-radius: 7px;
}

.started-section {
    color: #222;
}

.team-section {
    width: 90%;
    background-color: white;
}
@media (min-width: 768px) {
    .team-section {
    }
}



.port-card {
    width: 50%;
    margin-bottom: 30px;
}
@media (min-width: 768px) {
    .port-card {
        width: 33%;
    }
}
.portrait:hover {
    transform: scale(1.01);
    opacity: 70%;
    border: 3px solid #E0493E;
}

.img-overlay-wrapper {
    position: relative;
    width: 100%;
    overflow: hidden;
  }
  
  .card-img-top {
    transition: opacity 0.5s ease-in-out;
    display: block;
    width: 100%;
  }
  
  .overlay-icon {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 48px;
    height: 48px;
    transform: translate(-50%, -50%);
    opacity: 0;
    transition: opacity 0.4s ease-in-out;
    z-index: 2;
  }
  
  .img-overlay-wrapper:hover .card-img-top {
    opacity: 0.3;
  }
  
  .img-overlay-wrapper:hover .overlay-icon {
    opacity: 1;
  }


.card-peak {
    width: 55%;
}
@media (min-width: 768px) {
    .card-peak {
        width: 33%;
    }
}

.card-text {
    font-size: 3vw;
}
.card-title {
    font-size: 4vw;
    color: #191515 !important;
}
@media (min-width: 768px) {
    .card-text {
        font-size: 1.4vw;
    }
    .card-title {
        font-size: 2vw;
        color: #191515 !important;
    }
}