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

.menu-title {
    font-weight: bolder;
}

.footer-font {
    font-size: small;
}

.footer-align {
    margin-top: 2em !important;
}

.service-icon {
    margin-right: 0.25em;
}

.sub-headers {
    margin-top: 2em;
    border-top: 1.5px black solid;
    padding-top: 0.5em;
}

.impressum-link {
    text-align: right;
}

.contact-image {
    width: 200px;
    border-radius: 80% !important;
}

.contact-col {
    margin-left: 2em;
}

.contact-icon {
    text-align: right;    
}

.contact-info {
    font-size: 13pt;
    margin-top: 2em;
}

.service-card {
    width: 17rem;
}

.contact-description {
    font-style: italic;
    font-size: 11pt;
}

.header-image {
    border-radius: 2%;
    width: 50%;
    margin-left: 25%;
    margin-top: 1em;
    margin-bottom: 1em;
}

.header-image-container {
    background-color: #d5d5d5;
    border-radius: 2%;
}

.review-link {
    float: right;
}

.review-icon {
    font-size: 72pt;
}

/* Mobile */
@media only screen and (max-width: 768px) {
    .contact-icon {
        text-align: center;
        font-size: 25pt;
    }

    .contact-info-text {
        text-align: center;
    }

    .contact-person {
        text-align: center;
        margin-top: 2em;
    }

    .contact-image {
        margin-left: 25%;        
    }

    .header-image-container {
        display: none;
    }

    .service-card {
        margin-top: 1em;
    }

    .impressum-link {
        text-align: left;
    }

    .header-navigation {
        margin-left: 40%;
    }
}