.cover-image {
    max-width: 100%;
    min-height: 100vh;
    /* background-color: black; */
    background-image: url(../images/cover-restaurant.png);
    background-repeat: no-repeat;
    background-size: cover;
    display: flex;
    flex-direction: column;
    justify-content: center;
    /* align-items: ; */
    position: relative;
}

.res-name {
    flex: 1;
    position: relative;
    font-size: 10em;
    font-weight: 400;
    text-align: right;
    color: white;
    line-height: 84.3%;
    letter-spacing: -0.085em;
    margin-right: 100px;
    margin-top: 100px;

    font-family: "Righteous";
}

.res-greetings {
    position: relative;
    width: 590px;
    height: 254px;
    font-weight: 400;
    font-size: 2em;
    line-height: 166.3%;
    letter-spacing: -0.035em;
    flex-shrink: 1;
    margin-left: 100px;
    margin-bottom: 50px;

}


@media screen and (max-width: 1100px) {
 
        .cover-image {
            justify-content: space-evenly;
           min-height: 100vh;
        }
 
        .res-name {
            /* margin-top: -1em; */
            max-height: 3em;
            /* border: 2px solid blue; */
        }
        .res-greetings {
            padding-bottom: 5em;
            font-size: 2em;
        }
}