@font-face {
    font-family: "Podatki Open Sans";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url("../fonts/podatki/open-sans-regular.woff2") format("woff2");
}

@font-face {
    font-family: "Podatki Open Sans";
    font-style: normal;
    font-weight: 600;
    font-display: swap;
    src: url("../fonts/podatki/open-sans-600.woff2") format("woff2");
}

@font-face {
    font-family: "Podatki Open Sans";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/podatki/open-sans-700.woff2") format("woff2");
}

@font-face {
    font-family: "Podatki Montserrat";
    font-style: normal;
    font-weight: 700;
    font-display: swap;
    src: url("../fonts/podatki/montserrat-700.woff2") format("woff2");
}

:root {
    --contact-red: #e40046;
    --contact-blue: #315ea8;
    --contact-text: #171717;
    --contact-muted: #5b5b5b;
    --contact-border: #b8b8b8;
    --contact-field: #f8f9fa;
    --contact-error: #b00020;
}

* {
    box-sizing: border-box;
}

html {
    font-size: 16px;
}

body.public-page {
    display: flex;
    flex-direction: column;
    min-height: 100vh;
    min-height: 100dvh;
    min-width: 320px;
    margin: 0;
    color: var(--contact-text);
    background: #fff;
    font-family: Arial, Helvetica, sans-serif;
    line-height: 1.45;
}

.contact-shell {
    width: calc(100% - 48px);
    max-width: 1120px;
    margin-left: auto;
    margin-right: auto;
}

main.contact-shell {
    min-height: 240px;
    padding-top: 34px;
    padding-bottom: 70px;
}

@media (max-width: 520px) {
    .contact-shell {
        width: calc(100% - 28px);
    }
}