* {
    font-family: 'Roboto', sans-serif;
}

:root {
    background: url('background.jpg') no-repeat center center fixed;
    background-size: cover;
}

.header {
    position: absolute;
    bottom: 50%;
    width: 50%;
    left: 25%;

    color: white;
}

.menu {
    margin-left: 25%;
    margin-right: 25%;
    width: 50%;
}

.menu > a {
    color: black;
    margin-left: 0.8cm;
    font-weight: bold;
}

p {
    margin-bottom: 1.5em;
}

.main {
    width: 100%;
    margin-top: 15cm;
    bottom: 0;
    background-color: white;

    padding: 0.3cm;

    margin-bottom: 1cm;

    font-weight: lighter;
}

.container {
    display: flex;
    justify-content: center;
    margin: 3em;
}

.card {
}

.logo {
    width: 3cm;
    height: 3cm;
    margin: 0.5cm;

    display: flex;
    justify-content: center;
}

.logo > img {
    align-self: center;
}

.headline {
    text-align: right;
    font-weight: bold;
    padding-right: 4em;
    width: 40%;

    text-transform: uppercase;
    letter-spacing: 0.2em;
}

.content {
    width: 60%;
    padding-right: 10%;
}

.right-align {
    right: 2em;
}

.spread {
    justify-content: space-between;
}