* {
    font-family: 'Playfair Display';
}

.containerBGMobile {
    display: flex;
    justify-content: start;
    align-items: center;
    flex-flow: column;
}

.navMobile {
    display: flex;
    justify-content: center;
    width: 100%;
    background-color: salmon;
    height: 12vw;
    align-items: center;
}

.navListMobile {
    display: flex;
    gap: 50px;
    color: black;
    font-size: 18px;
}

.welcomeMobile {
    display: flex;
    justify-content: center;
    flex-flow: column;
    align-items: center;
    color: #5c4b42;
}

.logoMobile {
    width: 100%;
}

.imgBGMobile {
    overflow: hidden;
    width: inherit;
    max-width: 100%;
}

/* Second Section */

.headerMobile {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    background-color: salmon;
}

.headerMobile span {
    color: black;
}

.newYork {
    font-style: italic;
}

.smallRes h1 {
    padding: 0 0 0 0;
    margin: 0 0 0 0;
    color: black;
}

.containerImgMobile {}

.secondImgMobile {
    max-width: 100%;
}


.headerMobile {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 2vh 0 2vh 0;
}

.headerMobile * {
    font-size: 7vw;
}

/* third section */



.containerAboutUsMobile {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
    gap: 10px;
    padding: 4vw;
    background-color: #FFD166;
}


.headerAboutUs {
    font-size: 10vw;
    font-weight: 600;
    width: 100%;
    background-color: #190E4F;
    color: gold;
    display: flex;
    justify-content: center;
    padding: 4vw 0;
}

.blurbMobile p {
    font-size: 5vw;
    padding: 10vw 5vw;
    text-align: center;
    color: #48130A;
}



/* fourth section */


.openHrMobileCont {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #fa8072;
    height: 14vh;
}

.openHrMobile {
    font-size: 10vw;
    font-weight: 500;
}

.callBCont {
    display: flex;
    flex-flow: row;
    gap: 250px;
    padding-top: 50px;
}

.callCont {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-flow: column;
}

.callCont * {
    font-size: 20px;
}

.callMobile {
    font-size: 40px;
}

.phoneNumMobile {
    font-size: 30px;
}




@media (max-width:1030px){
    .abtUsContent{
        font-size: 10px;
    }
}

@media all and (max-width: 660px) {

    .containerBG,
    .containerAboutUs,
    .containerOrderList,
    .book,
    .openHr,
    .iconPhone,
    .call,
    .time,
    .phoneNum {
        display: none !important;
    }

    video {
        width: 90% !important;
    }

    .containerOpeningHours {
        padding: 0;
        height: 80vh;
        background-image: none;
        background-color: whitesmoke;
    }

}

@media all and (min-width: 660px) {

    .containerBGMobile,
    .containerAboutUsMobile,
    .abtUsContentMobile,
    .headerMobile,
    .containerImgMobile,
    .headerAboutUs,
    .openHrMobileCont,
    .callMobile,
    .phoneNumMobile {
        display: none;
    }
        .callBCont{
        gap: 46px;
    }

}

@media (max-width: 500px) {
    .navListMobile li{
        font-size: 15px;
    }
    .callBCont{
        gap: 46px;
    }
    .callBCont span{
    font-size: 15px;
    }
}