:root {
    --c-red: #BF1632;
    --c-yellow: #F3B438;
    --c-brown: #741512;
    --c-gray: #D9D9D9;

    --column-m: calc(calc(100vw - 7rem) / 6);
    --column-d: calc(calc(100vw - 13rem) / 12);
}

/* 
DISPLAY
*/
.hide {
    display: none;
}

/* 
ELEMENTS
*/
a.link.active,
button.link.active {
    font-weight: 700;
}

main.page {
    padding: 0 0 10rem;
}
@media screen and (min-width: 1024px) {
    main.page {
        padding: 0 1rem 10rem;
    }
}


/* 
HOVER
*/
@media (hover: hover) {
    a.link:hover,
    button.link:hover {
        font-weight: 700;
    }
}