body{
    font-family: 'Times New Roman', Times, serif;
    background-color: beige;
}
/* BODY */
/* HEADERS */ 

header{
    background: black;
    background-image:url("images/general_tos_closeup.jpg");
    background-size: 100%;
    background-position: center;
    height: 150px;
    padding: 20px;
    text-align: center;
}
header a{
    text-transform: uppercase;
    color: rgba(255, 255, 255, 0.836);
}
header .mobile{
    display: none;
}
header .logo a{
    background-image: url("images/cropped_name_big.jpg");
    background-size: 500px;
    display: inline-block;
    width: 500px;
    height: 80px;
    position: relative;
    text-indent: -9999999px;
    top: -30px;
    margin-bottom: -50px;
}
nav ul{
    margin-top:0px;
    padding: 0px;
    list-style-type: none;
    
 }
 nav li{
    color:white;
    display: inline-block;
    margin-right:20px;
    margin-top: 30px;
 }
 header h1{
    display: none;
 }
 /* RESPOSIVE RULES */
 @media screen and (max-width: 800px){
    header{
        height: 175px;
        background-position: 0 -10px; 
    }
    header .mobile{
        display:inline-block;
    }
    header .logo{
        padding: 10px;
    }
    header .desktop{
        display: none;
    }
    nav li{
        margin:10px;
    }

    header .name{
        top:-50px;
    }
 }

/* call */
section li.closed{
    background-color: rgb(30, 105, 30);
    color: white;
}
section li{
    color: rgb(172, 34, 34);
    text-align: center;
    list-style-type: none;
    text-size-adjust: 300px;
}

 /* FEATURES */
.features{
   background:white;
   color: grey;
   padding: 20px;
   display:flex;
   flex-direction: row;
   flex-wrap: wrap;
}
.features figure{
   margin: auto;
   text-align: center;
   width: 300px;
}
/* Is repetitive but left it in here for lesson to be learned */
.features figure img{
    border-radius: 50px;
    box-shadow: grey 0 0 10px;
    width: 200px;

}
/* info */
.info{
    text-align: center;
    float: left;
    color: black;
    padding: 40px;
}
/* MAP section */

body h3{
    display: none;
}

/* COMBOS SECTION */
.combos{
    text-align: center;
    color: black ;
    flex: wrap;
}
.combos li{
    list-style-type: none;
}
.combos img{
    width: 350px;
}
/* ENTREES SECTIOn */
.info{
    text-align: center;
    font-size: 20px;
    float: left;
    margin-top: -30px;
}
.text-image{
    display: flex;
    list-style-type:none;
    flex-direction: row;
    flex-wrap: wrap;
}

/* Footer */

a{
    text-decoration: none;
}
a:hover{
    text-decoration: underline;
}
footer{
    background: black;
    color: grey;
    font-size: 12px;
    width: 100%;
    margin-top: -100px;
    text-align: center;
    position: relative;

}
#map {
    height: 400px;  /* The height is 400 pixels */
    width: 50%;
    margin-top: -30px;
    float: right;
   }
 @media screen and (max-width: 1500px){
     #map{
         width: 99%;
         align-self: center;
            }
     .info {
        width: 100%
    }
    }