*, *:before, *:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/*{outline:1px solid red;}*/
    * img {
        max-width: 100%;
        height: auto;
        margin-bottom: 0px;
    }
*{margin: 0px;}
@font-face {
 font-family:'Brandon Grotesque Bold';
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.eot');
    src:url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.ttf') format('truetype'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.svg') format('svg'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.woff2') format('woff2'),
        url('http://maven-prod.azurewebsites.net/Themes/HOB/fonts/brandon-bld-webfont.woff') format('woff');
    font-weight:normal;
    font-style: italic;
}
#mainContainer {
	max-width: 1000px;
    text-align: center;
    background-image: url("Images/foundation-room-menu-background.jpg");
    background-size:cover;
    background-repeat: no-repeat;
    background-position: center top;
    width: auto;
	background-color:#2c0011;
}
#top{padding-top:45%;}

#sect1 {
    margin-top: 10px;
    padding-top:10px;
}

#sect2 {
    padding-top:4%;
}

.promo-text {
    font-family: 'Brandon Grotesque Medium';
    position: absolute;
}

#mainContainer h2 {
    font-family: 'Brandon Grotesque Medium';
    color: #ffecad;
    font-size: 48px;
}

.days {
    font-family: 'Brandon Grotesque Medium';
    font-size:46px;
	color:white; 
	padding-top:2%;
}
.bar{padding-bottom: 1%;}
.time{ 
	font-family: 'Brandon Grotesque Bold';
    color: #bda271;
    display: inline;
    font-size: 36px;
    padding: 0% 2%;
}
#tstar, #bstar{padding: 2% 0%;}

#hours {
    margin-top:-19px;
}
  
    .food {
      font-size: 36px; 
		color: white;
         font-family: 'Brandon Grotesque Medium';
    }
   
    .footer{
     font-family: 'Brandon Grotesque Medium';
    font-size: 24px;
    color: white;
    padding-bottom: 2%; 
    }
@media screen and (max-width: 640px) {
	#top{padding-left: 5%;padding-right:5%;}
	#mainContainer h2 {
    font-size: 46px;
}

.days {
    font-size:42px;
	
}
	.footer{font-size:20px;padding:2% 0%; }
}
@media screen and (max-width: 610px) {
	#mainContainer h2 {
		font-size: 38px;}
	.food{font-size:34px;}
.bar {
    padding-bottom: 4%;
    width: 30%;
}
}
@media screen and (max-width: 510px) {
	#mainContainer h2 {
    font-size: 36px;
}

.days {
    font-size:32px;
}
	.footer{font-size:16px; }
}
@media screen and (max-width: 410px) {
	#sect1{padding-top:10%;}
	#top{padding-top:63%;}
	#sect2{
		padding-top: 10%;
   		width: 95%;
	}
	.bar {
    padding-bottom: 5%;
    width: 20%;
}
#mainContainer h2 {
    font-size: 30px;
	}
.food {
    font-size:28px;
	
}
	.footer{font-size:12px;text-align: center;}
	#tstar{padding:5% 0%;}
	#bstar{
    padding-top: 0%;
    padding-bottom: 3%;
}
}
@media screen and (max-width: 376px) {
	#sect1{    padding: 15% 5% 0%;}
	#mainContainer{background-size:170%;}
	.time{font-size:30px;}
	.days{font-size:20px;}
	#mainContainer h2 {
    font-size: 26px;
	}
	.food{font-size:20px;}
	.footer{padding:10%;}
}