html,
body {
    margin: 0;
}

header,
footer {
    min-height: 50px;
}

main > div {
    min-height: calc(100vh - 341px);
}

footer p {
    margin: 0;
}

footer a {
    display: inline-block;
    padding: 12px 15px;
}

footer svg {
    width: 20px;
    height: 20px;
}

footer svg path{
    fill: var(--color-white);
}

footer .col {
    text-align: center;
}

@media only screen and (min-width: 600px) {
    footer .col:first-child {
        text-align: left;
    }
    footer .col:last-child {
        text-align: right;
    }
}