footer {
    width: 100%;
    color: var(--primary-white);
    background-color: var(--primary-black);

    #footer-container {
        max-width: 1200px;
        margin: 0 auto;
        padding: 50px 20px;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: space-between;
        background-repeat: no-repeat;
        background-position: bottom center;
        background-size: contain;

        @media (max-width: 768px) {
            background-size: auto;
        }

        .title-container {
            img {
                height: 75px;
            }
        }

        .appstore-link-container {
            text-align: center;

            a {
                max-width: 200px;
                margin-block: 30px;
                display: inline-block;

                img {
                    width: 100%;
                }
            }
        }

        #footer-links-container {
            width: 100%;
            max-width: 1000px;
            margin-top: 40px;
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            align-items: center;
            justify-content: space-around;

            a {
                font-size: 24px;
                font-weight: 200;
                padding: 20px 40px;
                color: var(--primary-white);
                text-decoration: none;
                display: block;
            }
        }

        .mailto-link {
            font-size: 20px;
            font-weight: 300;
            color: var(--primary-white);
            text-decoration: none;
            display: block;
        }
    }
}