h1 {
    text-decoration: underline;
    text-align: center;
    font-size: 50px;
    font-family: "lobster", cursive;
    margin: 15px 0px 0px 0px;
}

iframe {
    position: relative;
    top: 50px;
    left: 620px;
}

@media (min-width: 2100px) {

    iframe {
        left: 720px;
    }
}

@media (max-width: 1260px) {

    iframe {
        left: 350px;
    }
}

@media (max-width: 1024px) {

    iframe {
        left: 225px;
    }
}

@media (max-width: 800px) {

    iframe {
        left: 100px;
    }
}

@media (max-width: 720px) {

    iframe {
        left: 50px;
    }
}

@media (max-width: 415px) {

    h1 {
        font-size: 38px;
    }

    iframe {
        width: 300px;
    }
}

@media (max-width: 361px) {

    iframe {
        left: 25px;
    }
}