/*Tablet (768px)*/
@media screen and (min-width: 768px) {
    .navigation--mobile {
        display: none;
    }

    .navigation--desktop {
        display: block;
    }

    h1 {
        font-size: 5em;
    }
    
    h2 {
        font-size: 2em;
        margin-bottom: 30px;
    }
    
    h4 {
        margin-bottom: 15px;
    }

    .hero span {
        font-size: 1.5em;
    }

    .hero strong {
        padding-top: 30px;
        font-size: 1.3em;
    }
    
    .hero button {
        font-size: 2em;
        padding-top: 75px;
    }

    .about, .menuKaart, .reviews, .contact {
        margin-top: 100px;
    }

    .contact__holder {
        justify-content: unset;
        text-align: unset;
        gap: 75px;
    }

    .contact__section--time {
        width: unset;
    }

    .contact__title {
        text-align: unset;
    }

    .contact__form {
        padding: 25px 75px;
        margin-top: 30px;
    }
    
}