/* Sekcja: videos - pełny CSS sekcji (zapis zagnieżdżony). */

.videos {
    margin-bottom: 30px;

    .one-video {
        margin-bottom: 30px;
    }

    iframe {
        width: 100%;
        height: 420px;
    }
}

@media (max-width: 575.5px) {
    .videos {
        iframe {
            height: 50vw;
        }
    }
}

@media (min-width: 576px) and (max-width: 767.5px) {
    .videos {
        iframe {
            height: 290px;
        }
    }
}

@media (min-width: 768px) and (max-width: 991.5px) {
    .videos {
        iframe {
            height: 390px;
        }
    }
}

@media (min-width: 992px) and (max-width: 1199.5px) {
    .videos {
        iframe {
            height: 255px;
        }
    }
}

@media (min-width: 1200px) and (max-width: 1579.5px) {
    .videos {
        iframe {
            height: 310px;
        }
    }
}