@charset "UTF-8";

/* Work Sans, variable weight, self-hosted (no request to Google from visitors). Latin covers Danish;
   latin-ext covers the Bosnian diacritics (ć, č, š, ž). Italic is not used on the page. */
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/work-sans-latin-ext.woff2) format("woff2");
    unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
    font-family: "Work Sans";
    font-style: normal;
    font-weight: 100 900;
    font-display: swap;
    src: url(../fonts/work-sans-latin.woff2) format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body {
    font-family: "Work Sans", sans-serif;
    margin: 0;
    background: linear-gradient(to bottom, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%), url(../img/bg.jpg) no-repeat;
}
p {
    font-size: 19px;
    line-height: 1.5;
}
h3 {
    font-size: 22px;
}
.content {
    width: 1200px;
    max-width: 90%;
    margin: 0 auto;
}
section {
    .content {
        padding: 80px 0;
    }
    & h2 {
        font-size: 32px;
        color: rgb(29, 47, 82);
        margin-top: 0;
    }
}
.consulate {
    background-color: rgb(228, 228, 231);
    color: rgb(29, 47, 82);
    & h2 {
        text-align: center;
    }
}
.flex-container {
    display: flex;
    gap: 10px;
    > * {
        flex: 1 1 0;
        min-width: 0;
    }
}
.title {
    background-color: #3a4a68;
    color: white;
    padding: 38px;
    line-height: 1;
}
.embassy {
    text-align: center;
}
.contact {
    background-color: #c5cad3;
    color: rgb(29, 47, 82);
}
.logo {
    width: 203px;
    padding: 20px 0;
}
.photo img {
    width: 100%;
}
.photo p {
    text-align: center;
}
.box {
    padding: 30px;
    background-color: white;
    border: 1px solid #999;
    border-radius: 5px;
    box-shadow: rgba(61, 65, 84, 0.1) 0 2px 8px 0;
    & h3 {
        margin-top: 0;
    }
}
.bih {
    white-space: nowrap;
}
.addresses {
    display: flex;
    flex-direction: column;
    gap: 1em;
}
.address {
    display: flex;
    gap: 1em;
    align-items: center;
}
.address svg {
    height: 16px;
    flex: none;
}