:root {
    --custom-width: 5%;

    /* Define the custom width as a percentage */
}

@media only screen and (max-width: 900px) {

    .header {
        /* border: 1px solid red; */
        display: block;
        width: 100%;
        padding: none;
        text-align: center;
        height: unset;
        margin-top: 15px;
    }



    h1 {
        font-size: 36px;
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        display: block;
    }

    h1 b {
        font-size: 72px;
    }

    h1 .fake-subheader {
        font-size: 24px;
        margin-top: 0px;
    }

    .divider {
        display: block;
        height: 4px;
        transform: rotate(0deg);
        margin-left: auto;
        margin-right: auto;
        animation-delay: 2s;
        margin-top: 15px;
        margin-bottom: 15px;
    }

    @keyframes divider-intro {
        from {
            opacity: 0;
            width: 0%;

        }

        to {
            opacity: 1;
            width: 80%;
        }
    }

    .buttons {
        /* display: block; */
        margin: 0;
        margin-left: auto;
        margin-right: auto;
        /* height: unset; */
        flex-direction: unset;
        /* justify-content: unset; */
    }

    .button {
        min-width: 150px;


        margin-bottom: 15px;

    }

    .button p:not(.button .subtext) {
        font-size: 36px;
    }

    .button .subtext {
        font-size: 18px;
    }


}