@media screen and (max-width: 450px) {
    body {
        justify-content: flex-start;
        background-size: cover;
    }

    main,
    body {
        width: 100%;
        margin: 0;
    }

    header {
        width: 100%;
        position: relative;
    }

    h1.title,
    h2.title {
        max-width: 100vw;
        max-height: 13vh;
        margin-left: 0;
        margin-right: 0;
    }

    h1#title {
        width: 100%;
        margin: 4vh 1vw 0;
        background-position: center;
    }

    h2#false_dogs {
        margin-top: 1vh;
        height: 105vh;
        width: 150%;
        max-height: 18vh;
    }

    .section,
    .album {
        max-width: 100%;
    }

    .album {

        width: 100%;
        text-align: center;
    }

    .album img {
        /* width: 60vw; */
    }

    #watch {
        width: 100%;
        align-items: center
    }

    #watch .black-button {
        margin: 0;
    }

    #signup {
        width: 100%;
    }

    .black-button {
        height: 2vh;
        width: auto;
    }

    .album-links {
        margin: 0 0 0 2vw;
        display: block;
        width: auto;
    }

    .album img#art {
        margin: 10vh 2vh;
        width: 70vw;
    }

    .section iframe {
        margin-bottom: 2vh;
    }

    footer {
        position: relative;
        padding-bottom: 12vh;
    }

    body.has-cookie-banner footer {
        bottom: 0;
        margin-bottom: var(--cookie-banner-height, 0px);
    }

    #follow {
        padding: 2em 0em;
        margin: 0em 0 0 0;
        width: 100%;
        background-image: url(../media-2026/bg.jpg);
        background-size: cover;
        top: auto;
        bottom: 0;
    }


    #follow ul {
        width: 100%;
        justify-content: space-evenly;
    }

    #follow li {
        width: 100%;
        margin: 0;
    }

    #follow img {
        max-width: 8vw;
        width: 100vw;
        vertical-align: middle;

        background: none;
        padding: 0;
        transition: transform 0s .1s;
    }

    #follow li.tour {
        font-size: 1vh;
        width: 3%;
        padding: 2em 1.4em 2em 0em;
        margin-left: -6vw;
    }

    .tour a {
        font-size: 1.7vh;
    }

    .album-list {
        width: 100%;
        box-sizing: border-box;
        padding: 3vh 1vw;

    }

    .album-list-item {
        display: grid;
        grid-template-columns: 33% 33% 33%;
        grid-template-rows: auto;
        grid-column-gap: 0px;
        grid-row-gap: 0px;
    }

    .album-list-item img {
        width: 90%;
        margin: 0 5% 5%;
        float: none;
        grid-area: 2 / 1 / 3 / 4;
    }

    .album-list h3 {
        grid-area: 1 / 1 / 2 / 4;
        text-align: left;
        margin: 0 10% 5%;
        font-size: 5vw;
        color: #000;
    }

    .album-list .black-button {
        width: auto;
        font-size: 3.5vw;
        margin: 0 0 1vh 1vh;
        transform-origin: center;
        justify-content: center;
        padding: 1.7em 1em;
        display: flex;

    }

    #openstage-frame {
        transform: none;
    }


}