:root {
    --xunta-blue: #007bc4;
}
@font-face{
    font-family:'XuntaSans';
    src:url(../fonts/XuntaSans-Regular.woff2) format('woff2'),
        url(../fonts/XuntaSans-Regular.woff) format('woff');
    font-weight:normal;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'XuntaSans';
    src:url(../fonts/XuntaSans-Bold.woff2) format('woff2'),
        url(../fonts/XuntaSans-Bold.woff) format('woff');
    font-weight:bold;
    font-style:normal;
    font-display:swap;
}
@font-face{
    font-family:'XuntaSans';
    src:url(../fonts/XuntaSans-Bold.woff2) format('woff2'),
        url(../fonts/XuntaSans-Bold.woff) format('woff');
    font-weight:900;
    font-style:normal;
    font-display:swap;
}

body {
    font-family: XuntaSans, sans-serif;
    color: var(--xunta-blue);
    font-size: 11pt;
    margin: 0;
}

header, section, footer div {
    max-width: 1170px;
    padding: 0px 50px 25px 50px;
    margin: auto;
}

@media (max-width: 600px) {
    header, section, footer div {
        max-width: 1170px;
        padding: 0px 10px;
        margin: auto;
    }

    section .logo {
        margin-top: 20px;
    }
}

a {
    color: var(--xunta-blue);
}

.lang-selector {
    text-align: right;

    .lang {
        &:not(:last-child) {
            padding-right: 0.3rem;
            border-right: 1px solid var(--xunta-blue);
        }
        &.selected {
            font-weight: bold;
        }
    }
}

.header img {
    height: 48px;
    width: auto;
}
img {
    max-width: 400px;
    width: 100%;
}
h1 {
    margin-top: 40px;
}
section div.logo {
    text-align: center;
}

footer {
    background-color: var(--xunta-blue);
    color: white;

    div {
        display: flex;
        justify-content: space-evenly;
        .left, .right {
            flex-grow: 0;
            flex-basis: 20%;
        }
        .left {
            text-align: left;
            align-self: start;
        }
        .center {
            flex-grow: 1;
            align-self: center;
            text-align: center;
            font-size: 8pt;

            img {
                height: 1.3em;
                vertical-align: text-bottom;
            }
        }
    }
    img {
        height: 36px;
        width: auto;
    }
}

@media (max-width: 600px) {
    footer div {
        flex-direction: column;
    }
}