/* dejavu-sans-regular - latin */
@font-face {
    font-display: swap;
    font-family: 'DejaVu Sans';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/DejaVuSans.woff2') format('woff2');
}


body {
    text-transform: uppercase;
    font-family: 'DejaVu Sans';
    color: #000000;
    margin: 0px;
}

h1, p {
    margin: 0px;
}

a {
    color: #4b3e2d;
    text-decoration: none;
    transition-duration: 0.3s;
}
a:hover {
    color: #6a553c;
}

.top {
    background-image: url("../images/top_text.jpg");
    background-size: cover;
    background-position: left center;
    height: 80vh;
}

.bottom {
    background-image: url("../images/bottom.jpg");
    background-size: cover;
    background-position: center;
    height: 20vh;
    min-height: 250px;
    box-sizing: border-box;
    border-top: 3px solid #6a553c;
}

.top div h1:nth-of-type(1) {
    color: #ffffff;
    text-shadow: 3px 3px #ffffff4d;
    letter-spacing: 9.7px;;
}
.top div h1:nth-of-type(2) {
    color: #6b6b6b;
    text-shadow: 3px 3px #6b6b6b4d;
}
.top div h1 {
    opacity: 0;
}

.top div, .bottom div {
    position: relative;
    top: 50%;
    transform: translateY(-50%);
}

.top div {
    padding-left: 150px;
}
.bottom div {
    padding-left: 75px;
    font-size: larger;
}