@media screen and (max-width: 700px) {
    .body p, .body b, .body a .body h2, .body h3 {
        max-width: 80vw;
        display: inline-block;
    }

    .body li {
        max-width: 70vw;
    }

    .footer p {
        max-width: 80vw;
        display: inline-block;
    }

    .contact a, .contact b {
        line-height: 1.0;
    }

    .contact br {
        margin-bottom: 15px;
    }

    table {
        overflow-x: scroll;
        width: 100%;
    }

    td, th {
        min-width: 250px;
    }

    #floatingScrollButtons {
        display: none;
    }

    .mobile-hidden {
        display: none;
    }

    .first-panel-websites .btn {
        width: 90vw;
    }
}

@media screen and (max-width: 800px) {
    .framed {
        width: 90vw;
        height: auto;
    }
}

@media screen and (max-width: 700px) {
    .framed {
        height: 60vh;
        width: auto;
    }
}