nav {
    background-color: black;
    font-size: 20px;
}

nav div:first-child {
    display: flex;
    column-gap: 20px;
}

.navbar-brand img {
    max-height: 65px;
}

#cafeNavbar {
    justify-content: stretch;
}

#cafeNavbar ul {
    justify-content: stretch;
    column-gap: 20px;
}

main {
    margin-top: 90px;
    font-family: 'Raleway', sans-serif;
}

.home-content {
    background-color: #6aa2b7;
}

.home {
    font-size: 20px;
    color: white;
}

.home p:last-child {
    margin-bottom: 0px;
    padding-bottom: 16px;
}

.home-title {
    font-size: 25px;
    font-weight: 800;
}

.home-subtitle {
    color: black;
    font-weight: 800;
    font-size: 30px;
}

.home-sub-subtitle {
    color: black;
    font-weight: 800;
    font-size: 30px;
}

.menu-section-image {
    display: flex;
    justify-content: center;
}

.menu-section-image img {
    height: auto;
    width: 100%;
    max-width: 1650px;
}

.menu-section {
    font-size: 30px;
    color: rgb(93, 162, 142);
}

.menu {
    display: flex;
    flex-direction: column;
    align-items: center;
}

.cafe-menu-item+.cafe-menu-item {
    padding-top: 20px;
    border-top: 2px solid black;
}

.cafe-menu-item {
    display: flex;
    flex-direction: column;
    padding-bottom: 20px;
}

.menu-item-description {
    color: #6E6E70;
    font-size: 18px;
}

.menu-item-name {
    font-size: 22px;
    font-weight: 800;
}

.menu-item-text {
    display: flex;
    flex-direction: column;
}

@media (min-width: 768px) {
    #cafeNavbar ul li a {
        font-size: 14px;
    }
    .menu-section {
        font-size: 60px;
    }
    .cafe-menu-item {
        flex-direction: row;
        column-gap: 20px;
        align-items: center;
    }
    .cafe-menu-item:nth-of-type(even) {
        display: flex;
        flex-direction: row-reverse;
    }
    .menu-item-description {
        color: #6E6E70;
        font-size: 22px;
    }
    .menu-item-name {
        font-size: 28px;
        font-weight: 800;
    }
    .home {
        font-size: 30px;
    }
    .home-title {
        font-size: 30px;
    }
}

@media (min-width: 1024px) {
    .home-content {
        background-image: url(../img/cafe/cafe_usa_home_background2.png);
        background-size: cover;
        background-repeat: no-repeat;
    }
}

@media (min-width: 1190px) {
    #cafeNavbar ul li a {
        font-size: 20px;
    }
}