*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    list-style: none;
    text-decoration: none;
}
body{
    background-color: black;
}
.menus {
    width: 100%;
    display: grid;
    grid-gap: 1rem;
    grid-template-columns: repeat(auto-fit, minmax(15.625rem, 1fr));
    align-items: center;
    position: relative;
}
.menu1{
    background-image: url(Menu/Greek\ Front.jpeg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
}
.menu2{
    background-image: url(Menu/Greek\ Back.jpeg);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    height: 100vh;
    position: relative;
}