@font-face
{
    font-family: Majesti;
    src: url(Majesti-Banner-Bold.otf);
    font-weight: bold;
}

img.restaurant1
{

    min-height: 400px;
    min-width: 1024px;

    width: 100%;
    height: 100%;

    position: fixed;
     top:  0;
     left: 0;

    z-index: -1;
}

img.TownLogo
{
     min-height: 1px;
     min-width: 2px;
    
     width: 10%;
     height: 6%;
        
    position: fixed;
    top: 15px;
    left: 0px;
        
}
/*
#black
{
    width: 10vw; 
    height: 100vh; 
    top: 0vh; 
    position: absolute;
    left: 0vh;background-color:rgba(0,0,0,0.95);    
}
*/
#grey
{
    width: 20vw; 
    height: calc(100vh - 30px); 
    top: 0vh; 
    position: absolute;
    right: 0vh;
    background-color: rgba(107,103,103,0.95);
    padding: 15px;
}

#MenuLink
{
    font-size: 30px;
    text-indent: 15px;
    text-decoration: none;
    position: fixed;
    top: 150px;
    color: white;
}
    
#EventsLink
{
    font-size: 30px;
    text-indent: 15px;
    text-decoration: none;
    position: fixed;
    top: 200px;
    color: white;
}
    
#LocationsLink
{
    font-size: 30px;
    text-indent: 15px;
    text-decoration: none;
    position: fixed;
    top: 250px;
    color: white;
}
    
#AboutUsLink
{
    font-size: 30px;
    text-indent: 15px;
    text-decoration: none;
    position: fixed;
    top: 300px;
    color: white;    
}