@media screen and (max-width:960px) {
    body {
        overflow: scroll;
        height: 100vh;
        height: 100svh;
    }

    .sp-top {
        width: 90%;
        height: 55vh;
        height: 55svh;
        margin: 25px auto;
    }

    .sp-bottom {
        text-align: right;
    }

    .ms-section h2 {
        font-size: 2em;
        font-weight: 400;
    }

    /* .sp-bottom {

        padding-bottom: 5em;
    } */
    .sp-bottom p {
        margin-top: 2em;
    }

    .btn-flat-double-border {
        display: block;
        padding: 0.5em 1em;
        color: #002973;
        border: 2px solid #002973;
        transition: .4s;
        text-align: center;
        font-size: 1.3em;
        width: 30%;
        margin: 0 auto;
    }

    .modal__bg {
        background: rgba(255, 255, 255, 0.9);
    }

    .modal__content {
        background-color: rgba(255, 255, 255, 0);
    }

    .modal_cast .modal_name {
        margin: 2em 0;
    }

    .modal_cast .modal_about {
        margin-bottom: 5em;
    }

    .ms-tableCell .coment {
        padding: 10% 0;
    }
}