@media screen and (min-width: 768px) {
    :root {
        --videoContainerGap: 50px;
    }

    html {
        font-size: 18px;
    }

    header .logo {
        max-width: 125px;
    }

    main .orange-background {
        margin: 0 var(--footerLeftRightMargin);
        margin-bottom: 100px;
    }

    main .video-container {
        flex-direction: row;
    }

    main .video-player-container .video-elements {
        margin-left: 15px;
    }

    main .video-playlist-container {
        flex-direction: column;
    }

    main .video-player-container video {
        margin: 0px;
    }

    main .video-playlist-container h3 {
        display: block;
    }

    main .video-playlist-item:nth-child(2) {
        margin-left: 0;
    }

    main .video-playlist-item:nth-child(4) {
        margin-right: 0;
    }

    main .info-container,
    main .testimonial-container {
        flex-direction: row;
    }

    main .testimonial-container .testimonial-text-cloud-arrow {
        margin-left: 5%;
    }
}

@media screen and (min-width: 1024px) {
    :root {
        --leftRightMargin: 100px;
        --footerLeftRightMargin: 100px;
    }

    html {
        font-size: 18px;
    }

    header .logo {
        max-width: 150px;
    }

    h1 {
        font-size: 2.8em;
    }
}

@media screen and (min-width: 1440px) {
    :root {
        --leftRightMargin: 250px;
        --footerLeftRightMargin: 250px;
    }
    
    header .logo {
        max-width: 175px;
    }
}