﻿.ceoMessage{
    padding-top: 6rem;
    padding-bottom: 4rem;
}
.ceoMessage .card {
    opacity:0;
    transform:translateX(-100%);
}
.ceoMessage .card .card-img-top{
    border-radius:0;
    height: 18rem;
    width: 18rem;
    background-color: #f1f2f6;
}
.ceoMessage .card .card-img-top img{
    height: 21rem;
    width: 18rem;
    transform: translate(0rem, -3rem);
}
.ceoMessage .card .card-title{
    color:var(--navy);
    font-size:1.5rem;
    font-family:var(--avenirDemi);
    margin-top:2rem;
}

.ceoMessage .col-lg-8 h1{
    margin-bottom:2rem;
    font-family:var(--avenirDemi);
    color:#000000;
    font-size: 2.25rem;
    opacity: 0;
    transform: translateY(100%);
}
.ceoMessage .col-lg-8 p.description{
    line-height:2rem;
    opacity: 0;
    transform: translateY(100%);
}

.ceoMessage .col-lg-8{
    padding-left:unset;
    padding-right:unset;
    margin-top: 3rem;
}

@media (min-width: 768px) {

    .ceoMessage{
    padding-top: 8rem;
    padding-bottom: 8rem;
}

    .ceoMessage .card .card-img-top img{
    height: 30rem;
    width: 25rem;
}

    .ceoMessage .card .card-img-top{
    height: 27rem;
    width: 25rem;
}

.ceoMessage .col-lg-8{
    padding-left:6rem;
    padding-right: 15px;
    margin-top: unset;
}

}