.about-title{
    padding: 2.343vw 0 2.76vw;
    display: flex;
    justify-content: center;
    box-shadow: rgba(0, 0, 0, 0.16) 0 0.05vw 0.7vw;
    border-bottom: solid #00000038 .1vw;
}
.about-title h3, .about-title h6 {
    color: #07498B;
}
.about-title div{
    width: 27.74vw;
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.about-title h6{
    width: 24vw;
    font-family: 'Montserrat Medium', sans-serif;

}

.about-info{
    padding: 3.4vw 0 3.2vw 0;
}
.about-info .col-md-3{
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

.about-info h5, .about-info p{
    color: #07498B;
    margin-bottom: 3vw;
}
.about-info p{
    font-family: 'Montserrat Medium', sans-serif;
}
.about-info h5 {
    margin: 1vw 0 0.5vw 0;
}
.staff-img{
    transition: .1s;
    width: 100%;
    height: auto;
}
.staff-hover{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    transition: .4s;
    transition-delay: .1s;
    opacity: 0;
   /* transform: rotate(180deg); */
}
.test{
    width: 9vw;
    height: 9vw;
    position: relative;
}

.test:hover .staff-hover{
    opacity: 1;
    /* transform: rotate(-0deg); */
 }


/* ===========================================START 770PX======================================================= */

@media (max-width: 770px) {
    h5{
        font-size: 3.5vw !important;
    }
    .about-title div {
        width: 50vw;
    }
    .about-title h6 {
        width: 69vw;
    }
    .about-info .col-md-3{
        flex: 0 0 50%;
        max-width: 50%;
    }
    .test {
        width: 20vw;
        height: 20vw;
    }
}


/* ===========================================================420PX==================================================================== */

@media (max-width: 420px) {
    .about-title {
        padding: 30px 0 0 0;
        height: 180px;
        align-items: center;
    }
    .about-title div {
        width: 302px !important;
    }
    .about-title div {
        width: 200px;
    }
    .about-info .col-md-3{
        flex: 0 0 100%;
        max-width: 100%;
        padding: 11px 0;
    }
    .test {
        width: 150px;
        height: 150px;
    }
    h5 {
        font-size: 23px !important;
    }
}