body{
    margin:0;
    padding:0;
    font-family:'Comic Sans MS','Chalkboard SE','Comic Neue',sans-serif;
    color:#68488f;
}


.menu-body{
    position:absolute;
    z-index:999;
    width:100%;
    margin-left:auto;
    margin-right:auto;
}


.fon{
    position:fixed;
    top:0;
    left:0;

    background-size:100% 100%;
    background-repeat:no-repeat;

    width:100%;
    height:100%;

    margin:0;
    z-index:1;
}


.div-screen{
    margin:0;
    padding:20px;
}


/* Заголовок */

.zag{
    text-align:center;
}


.zag1{
    padding-top:70px;
    font-size:90px;
    font-weight:bold;
}


.zag2{
    font-size:50px;
    font-weight:bold;
}


.zag3{
    font-size:30px;
    margin:15px;
}


/* Меню */

.mbody{

    font-size:40px;

    display:flex;

    height:1050px;

    flex-direction:column;

    justify-content:space-between;

    margin-left:50px;
    margin-right:50px;

}


.mitem{

    display:flex;

    align-items:baseline;

    width:100%;

}


.mitem div{

    margin-right:8px;

}


/* Перше слово */
.mitem-text1{

    text-transform:uppercase;

}


/* Друге слово */
.mitem-text2{

}


/* Третє слово */

.mitem-text3{

    font-size:22px;

}


/* Крапки між назвою і ціною */

.mitem-points{

    border-bottom:2px dotted #000;

    flex-grow:2;

}


/* Ціна */

.mitem-price{

    white-space:nowrap;

}


/* грн */

.mitem-grn{

    white-space:nowrap;

}


/* Опис */

.mitem-content{

    font-size:14px;

    margin:0 35px;

    position:relative;

    top:-10px;

}



/*
Назви з menu_view:

name_large  -> mitem-text1
name_medium -> mitem-text2
name_small  -> mitem-text3

Тому додаткові розміри тут не задаємо.
*/


@media all and (orientation:portrait){

    .fon{

        background-image:url("../img/fon1.jpg");

    }


    .zag{

        padding-top:170px;

    }

}



@media all and (orientation:landscape){


    .fon{

        background-image:url("../img/fon2.jpg");

    }


    .mbody{

        margin-bottom:100px;

    }


}



@media (min-width:1020px){


    .mbody{

        padding-left:10%;
        padding-right:10%;

    }


    .mbody{

        font-size:30px;

    }


}



@media (min-width:1300px){


    .mbody{

        padding-left:20%;
        padding-right:20%;

    }


    .mbody{

        font-size:30px;

    }


}