.restauranger {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

main {
    padding-bottom: 0;
}

#container {
    display: grid;
    grid-template-columns: 1fr;
    gap: 32px;
    max-width: 60ch;
    margin: 0 auto;
    padding-top: 32px;
}

@media (min-width: 768px) {
    #container {
        grid-template-columns: 1fr 1fr;
    }
}

@media (max-width: 768px) {
    h2 {
        padding-left: 16px !important;
    }

    header {
        padding-left: 16px;
        flex-direction: column;
        justify-content: start;
        padding-bottom: 16px;
    }

    header a {
        width: 100%;
    }
}

.resCon {
    padding: 0px 16px;
}

.resImg {
    object-fit: cover;
    width: 100%;
}