footer {
    width: 100vw;
    min-height: 1rem;
    background-color: #000000;
}

footer .container {
    width: calc(100vw - 10rem);
    padding: 1rem 5rem;
    display: flex;
}

footer .container div {
    width: calc(100% / 3);
    align-content: center;
}

footer p {
    font-size: 1rem;
    font-weight: 500;
    color: #CCCCCC;
    align-content: center;
    padding: 0 1rem;
}

footer p span {
    color: #FFFFFF;
}

footer h1 {
    font-size: 1rem;
    font-weight: 500;
    color: #CCCCCC;
    border-top: 0.1rem solid #CCCCCC;
    margin: 0 5rem;
    padding: 1rem;
    text-align: center;
}

footer h1 b {
    font-weight: 700;
}

@media only screen and (max-width: 900px) {
    footer .container {
        width: calc(100vw - 10rem);
        padding: 1rem 5rem;
        display: flex;
        flex-direction: column;
    }

    footer .container div {
        width: calc(100%);
        align-content: center;
        margin: 1rem 0;
    }
}