/**
 * (C) Copyright 2021 - ToasterCat Studios LLC
 */

/**
 * Mobile / Vertical
 */
@media all and (max-width: 800px) {
    /**
     * HEADER / FOOTER
     */
    .header {
        height: 50px;
    }
    .header-full-name {
        display: none;
    }
    /* footer */
    .footer {
        height: 5rem;
    }

    /**
     * COMMON SECTIONS
     */
    .section {
        width: 400px;
    }

    /* hero */
    .section-hero {
        width: 400px;
    }

    /* album */
    .section-album {
        width: 400px;

        display: flex;
        flex-direction: column;
        justify-content: top;
    }
    .album-info {
        margin-top: 1rem;
    }

    /* show */
    .section-show {
        margin: 1rem;
    }
    .show-thumbnail {
        width: 150px;
    }
    .show-thumbnail h2 {
        font-size: large;
    }
    .show-thumbnail img {
        width: 150px;
        height: 150px;
    }
    .show-info h2 {
        font-size: large;
    }

    /**
     * COMMON COMPONENTS
     */
    .form-group {
        flex-direction: column;
        align-items: left;
    }
    .button {
        margin: 10px 20px;
        padding: 20px;
    }
    .primary-button {
        margin: 10px 20px;
        padding: 20px;
    }
}