@media screen and (min-width: 1025px) and {
    figure#laptop {
        min-width: 1025px;
    }

    /*#hamburger-button {*/
    /*    display: none;*/
    /*}*/



}


@media all and (min-width: 768px) and (max-width: 1024px) {

    figure#tablet {
        width: 768px;
        height: 1024px;
        position: absolute;
    }

    body {
        width: 768px;
        height: 1024px;
    }

    ul {
        display: none;
    }

        #logo {
            right: 0;
        }

        #navbasic {
            right: 0;
            width: 0;
            height: 0;
        }

    #BBBpic {
        max-width: 100vw;
        height: auto;
    }

    .about {
        font-family: 'Montserrat';
        text-align: left;
        color: #C7C7C7;
        font-size: 16px;
    }

        #tablet1 {
            margin-top: 16%;
            margin-left: 0;
            background-color: #3F3F3F;
        }

    #BBBpic {
        min-width: 55vw;
        max-width: 55vw;
        position: relative;
        height: auto;
        margin-left: -5vw;
        overflow: hidden;
        display: flex;
        flex-direction: column;
    }
}