body {
    font-family : 'agrandir-thin', sans-serif;
}

@font-face {
    font-family : 'agrandir-thin';
    src         : url('./fonts/agrandir-thin-webfont.woff2') format('woff2'),
    url('./fonts/agrandir-thin-webfont.woff') format('woff'),
    url('./fonts/agrandir-thin-webfont.ttf') format('truetype');
    font-weight : normal;
    font-style  : normal;
}

@font-face {
    font-family : 'agrandir-medium';
    src         : url('./fonts/agrandir-textbold-webfont.woff2') format('woff2'),
    url('./fonts/agrandir-textbold-webfont.woff') format('woff'),
    url('./fonts/agrandir-textbold-webfont.ttf') format('truetype');
    font-weight : normal;
    font-style  : normal;
}

.bg-mid-split {
    background : linear-gradient(to bottom, #f7f7f7 50%, #d0d6b3 50%);
}

@media (min-width : 768px) {
    .bg-mid-split {
        max-height : calc(100vh - 59px);
        background : linear-gradient(to right, #f7f7f7 50%, #d0d6b3 50%);
    }
}

.container {
    position : relative;
}

.green-section {
    padding-top      : 50px;
    background-color : #d0d6b3;
    font-size        : 16pt;
}

.white-section {
    padding-top      : 50px;
    background-color : #f7f7f7;
    font-size        : 16pt;
}

.bg-dark-green {
    background-color : #aaae7f;
}

.h2-white, .h3-white, .h4-white {
    background-color : #f7f7f7;
    margin-left      : -15px;
    display          : inline-block;
    padding          : 10px 100px 5px 15px;
    margin-bottom    : 20px;
}

.vertical-text {
    writing-mode : tb;
    position     : absolute;
    right        : 5px;
    top          : 50%;
    transform    : translateY(-50%);
}

.section-header {
    padding       : 25px 25px;
    margin-bottom : 50px;
}

.section-header h1 {
    margin-bottom : 0;
    font-size     : 42pt;
}

.section-header p {
    font-size : 26pt;
}

.frontal-image {
    max-height    : calc(100vh - 200px - 68px);
    margin-bottom : 25px;
}

#vitajte {
    width      : 100%;
    text-align : center;
}

@media (min-width : 768px) {
    #vitajte {
        position   : absolute;
        right      : 0;
        width      : calc(50vw - 350px);
        max-width  : calc(calc(100vh - 200px - 68px) / 2);
        text-align : center;
    }
}

.navbar {
    font-family : 'agrandir-thin', sans-serif;
}

.nav-item {
    font-size : 18pt;
}

.navbar-nav {
    margin          : 0 auto;
    display         : flex;
    justify-content : center;
}

.navbar-brand, .nav-item {
    color : #000;
}

.navbar-toggler-icon {
    background-image : url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' fill='%23000'%3e%3cpath stroke-linecap='round' stroke='%23000' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

#contact .name {
    font-family : 'agrandir-medium', sans-serif;
    font-size   : 40pt;
}

#contact .title {
    font-family : 'agrandir-medium', sans-serif;
    font-size   : 23pt;
}

#contact .email > a,
#contact .city,
#contact .phone > a {
    font-family     : 'agrandir-thin', sans-serif;
    font-size       : 18pt;
    text-decoration : none;
    color           : #143109
}

#contact .contact-photo {
    max-width : min(80vw, 360px);
}

#contact .signature {
    max-width : min(80vw, 360px);
}