* {
    margin: 0;
    padding: 0;
}

main > h2 {
    text-align: center;
    position: absolute;
    font-family: 'Bebas Neue', cursive;
    z-index: -1;
    color: #3d3d3d;
}

iframe {
    margin: 0 auto;
    display: block;
}

.wait {
    font-family: 'Merriweather', serif;
    display: block;
    text-align: center;
    position: absolute;
    z-index: -1;
}

@media screen and (max-width: 1920px) {
    main > h2 {
        font-size: 2rem;
        left: 5%;
        top: 15%;
    }

    iframe {
        width: 45%;
        height: calc(100vh - 7rem);
    }

    .wait {
        width: 100%;
        margin: 5rem auto;
    }
}

@media screen and (max-width: 1440px) {
    main > h2 {
        left: 3%;
    }

    iframe {
        width: 60%;
    }
}

@media screen and (max-width: 1024px) {
    main > h2 {
        display: inline-block;
        white-space: nowrap;
        transform: translate(0, 100%) rotate(-90deg);
        transform-origin: 0 0;
        vertical-align: bottom;
        left: 1rem;
    }

    main > h2:before {
        content: "";
        float: left;
        margin-top: 100%;
    }

    main > h2:after {
        content: "";
        display: inline-block;
    }

    iframe {
        width: 85%;
    }
}

@media screen and (max-width: 500px) {
    main > h2 {
        display: none;
    }

    iframe {
        width: 100%;
    }
}