* {
	box-sizing: border-box;
	margin: 0;
	padding: 0;
    font-family: 'Montserrat', sans-serif;
	line-height: 1.5;
}

#menuContainer *, #menuDetailModal *
{
    letter-spacing: 0px !important;
}

.font-mont 
{
    font-family: 'Montserrat', sans-serif;
}
.font-mont-light
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 400;
}
.font-mont-bold
{
    font-family: 'Montserrat', sans-serif;
    font-weight: 600 !important;
}

.box-menu 
{
    position: relative;
}
.box-menu img
{
    object-fit: cover;
    cursor: pointer;
    filter: grayscale(1) brightness(.3);
    -webkit-filter: grayscale(1) brightness(.3);
    -moz-filter: grayscale(1) brightness(.3);
    -o-filter: grayscale(1) brightness(.3);
    -ms-filter: grayscale(1) brightness(.3);
    height: 200px;
    border-radius: 20px;
    width: 100%;
    transition: .5s;
}
.box-menu h1
{
    cursor: pointer;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    kerning: none;
}
.box-menu:hover img
{
    filter: grayscale(0) brightness(.3);
    -webkit-filter: grayscale(0) brightness(.3);
    -moz-filter: grayscale(0) brightness(.3);
    -o-filter: grayscale(0) brightness(.3);
    -ms-filter: grayscale(0) brightness(.3);
    transition: .5s;
}

.menu-header
{
    height: 190px !important;
    color: #f5f5f5;
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 0% 68%;
}

.hms-menu-item img 
{
    object-fit: cover;
}

.menu-desc
{
    font-size: 9px !important;
}

.menu-modal-title
{
    font-size: 17px !important;
}

.menu-modal-font-small
{
    font-size: 10px !important;
}

.menu-font-small
{
    font-size: 7px !important;
    word-wrap: normal;
}

.menu-2-font-small
{
    font-size: 10px !important;
    word-wrap: normal;
}

@media all and (min-width: 512px)
{
    .menu-header
    {
        height: 290px !important;
    }
    .menu-font-small
    {
        font-size: 9px !important;
    }
}
@media all and (min-width: 768px)
{
    .box-menu img
    {
        height: 70vh;
        width: 100%;
    }
    .box-menu h1
    {
        font-size: 28px ;
    }
    .menu-header
    {
        height: 100vh !important;
    }
    .menu-font-small
    {
        font-size: 8px !important;
    }

    .menu-2-font-small
    {
        font-size: 12px !important;
    }

    .menu-desc
    {
        font-size: 10px !important;
    }

    .menu-modal-title
    {
        font-size: 18px !important;
    }
    
    .menu-modal-font-small
    {
        font-size: 11px !important;
    }
}
@media all and (min-width: 990px)
{
    .menu-font-small
    {
        font-size: 9.5px !important;
    }
    .box-menu h1
    {
        font-size: 34px ;
    }
    .menu-header
    {
        height: 100vh !important;
    }

    .menu-2-font-small
    {
        font-size: 13px !important;
    }

    .menu-desc
    {
        font-size: 10px !important;
        font-weight: 200;
    }

    .menu-modal-title
    {
        font-size: 21px !important;
    }
    
    .menu-modal-font-small
    {
        font-size: 12px !important;
    }
}
@media all and (min-width: 1200px)
{
    .menu-font-small
    {
        font-size: 10.5px !important;
    }

    .menu-2-font-small
    {
        font-size: 15px !important;
    }

    .menu-desc
    {
        font-size: 11px !important;
        font-weight: 200;
    }

    .menu-modal-title
    {
        font-size: 23px !important;
    }
    
    .menu-modal-font-small
    {
        font-size: 13px !important;
    }
}