@import url('https://fonts.googleapis.com/css2?family=Outfit:wght@200;400&display=swap');
@import url(https://fonts.googleapis.com/css?family=Raleway:300,700);

.modal-content {
    border: 5px solid #FFF;
}
modal-body {
    background-color: #f5f5f5;
}
.header-row {
    margin-top: 50px;
}
.header-text {
    font-size: 28px;
    color: #006ebf;
    font-family: 'Raleway';
    font-weight: 700;
}
.header-image {
    text-align: left;
}
.modal_head {
    font-size: 24px;
    color: #006ebf;
    font-family: 'Outfit';
    font-weight: 500;
}

.img_modal {
    width: 100px;
    height: auto;
    vertical-align: middle;
    border-style: none;
}

.modal_text {
    font-family: 'Outfit';
    font-size: 16px;
    text-align: justify;
    width:100%;
}

@media (max-width: 480px) {
    .modal_head {
        font-size: 20px;
        color: #006ebf;
        font-family: 'Outfit';
        font-weight: 500;
    }

    .img_modal {
        width: 80px;
        height: auto;
        vertical-align: middle;
        border-style: none;
    }
}