html {
    font-size: 62.5%; 
}

body {
    font-family: 'Karla', sans-serif;
    -webkit-font-smoothing: antialiased;
    margin: 0 0.5rem;
    min-width: 31rem;
    color: #475837;
    font-size: 1.6rem;
}

p {
    padding: 0rem 2rem 1rem 2rem;
    -webkit-margin-after: 0;
}

h1 {
    font-size: 1.8rem;
    font-weight: 600;
    padding: 0.8rem 0 0 0.2rem;
    -webkit-margin-before: 0;
    text-align: center;
    text-transform: uppercase;
}

a {
    color: #fff;
}

.card {
    box-shadow: 0 0.4rem 0.8rem 0 rgba(0, 0, 0, 0.2);
    position: relative;
    width: 100%;
    margin-bottom: 0.4rem;
    color: #fff;
    background-color: #475837;
    border-radius: 0.2rem;
}

#content {
    max-width: 76.8rem;
    margin: auto;
    margin-top: 3.5rem;
}

#contact {
    padding: 0.4rem;
    width: 100%;
    background-color: #913348;
    color: #FFFFFF;
    position: fixed;
    text-align: center;
    top: 0;
    left: 0;
    z-index: 1;
}

#headline {
    height: 17.2rem;
    width: 37.5rem; 
    margin: auto;
    position: relative;
}

#headline__radek {
    font-family: "Grand Hotel";
    font-size: 10rem;
    color: #913348;
    position: absolute;
}

#headline__vendeghaz {
    font-family: "Montserrat";
    font-size: 5rem;
    color: #913348;
    position: absolute;
    top: 8.8rem;
    left: 5.8rem;
    font-weight: 600;
    text-transform: uppercase;
}

#introduction h1 {
    text-transform: none;
}

#features,
#journey {
    clear: both;
}

.left {
    float: left;
}

.right {
    float: right;
}

.left,
.right {
    width: 49%;
}

.siema {
    line-height: 0;
}

.siema img {
    width: 100%;
}

#journey p {
    margin-top: 0;
}

#price, 
#important_information {
    height: 23.5rem;
}

@media only screen and (max-width: 945px) {
    #address {
        display: block;
    }
}

@media only screen and (max-width: 669px) {
    #email_links {
        display: block;
    }
}

@media only screen and (max-width: 834px) {
    #content {
        margin-top: 5.5rem;
    }
}

@media only screen and (max-width: 375px) {
    #content {
        margin-top: 8.5rem;
    }

    #headline {
        height: 13.2rem;
        width: 25.7rem;
    }

    #headline__radek {
        font-size: 4.5em;
    }

    #headline__vendeghaz {
        font-size: 3rem;
        top: 7rem;
        left: 4.6rem;
    }

    .left,
    .right {
        width: 100%;
    }

    div#features div.left p {
        padding-bottom: 0;
    }

    div#features div.right p {
        margin-top: 0;
    }

    div#price {
        margin-bottom: 1em;
    }

    @media only screen and (max-width: 518px) {
        #mobil {
            display: block;
        }
    }
}