anephenix/ui

@import '../../../design-system/colours.scss';

#footer {
    margin-top: 100px;
    padding: 80px 10px 20px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 10pt;
    @media screen and (max-width: 767px) {
        padding: 80px 0px 20px;
    }

    .container {
        .withSidePadding {
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: space-between;

            @media screen and (max-width: 767px) {
                flex-direction: column;
                justify-content: center;
                align-items: center;
                text-align: center;
            }

            a {
                color: $dark;

                @media screen and (prefers-color-scheme: dark) {
                    color: $light;
                }

                text-decoration: none;
            }

            .made-in-location {
                display: flex;
                align-items: center;

                a {
                    border-bottom: none;
                }

                @media screen and (max-width: 767px) {
                    padding-top: 10px;
                }
            }
        }
    }
}