.director img{
    width: 100%;
    border-radius: 50px 0px;
    box-shadow: rgb(0 0 0 / 10%) 0px 20px 25px -5px, rgb(0 0 0 / 4%) 0px 10px 10px -5px;
}
.director-msg{
    padding: 2%;
}
.director-msg p{
    font-family: 'Roboto', sans-serif;
    text-align: justify;
    font-size: 16px;
    color: #595757;
}

.director-msg h5{
    font-size: 32px;
    color: #449284;
    font-family: 'Oswald', sans-serif;
}
.director-msg h6{
    font-size: 16px;
    color: #777272;
    font-family: 'Roboto', sans-serif;
    margin-bottom: 25px;
}
.messages h3{
    font-family: 'Oswald', sans-serif;
    padding: 5px;
    color: #feffff;
    font-size: 34px;
    background-color: #449284;
    margin-top: 3%;
    border-radius: 20px 0px;
    text-align: center;
    margin-bottom: 4%;
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .director-msg{
        padding-top: 4%;
    }
}