/* ================================ DESKTOP ================================== */

body {
    background-color: white;
    width: 100%;
    min-width: 1001px;
}

section {
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 100vw;
}

.big {
    width: 88vw;
}

.mid, .smol {
    display: none;
}


/* ================================ TABLET ================================== */
@media only screen and (max-width: 1000px) and (min-width: 700px) {

.big, .smol {
    display: none;
}

.mid {
    display: block;
    width: 88vw;
}}                                 /* koniec */


/* ================================ MOBILE ================================== */
@media only screen and (max-width: 699px) {

.big, .mid {
    display: none;
}

.smol {
    display: block;
    width: 88vw;
    margin-top: 10%;

}}                                 /* koniec */