.navigationBar ul li .communism,.navigationBar ul li .monarchy,.title h1 a{

	text-decoration:none;color:#fff;

}

.aboutUs h1,.contText,.headerText,.hours,.welcome h1{

	text-align:center;

}

.next,footer{

	right:0;

}

body,html{

	background-color:#000;
	color:#fff;

}

header{

	display:flex;
	background-image:url(file:///Users/student/Desktop/SaezCoRonYihBrandonLiAndy_Webpage/img/background.jpg);
	background-size:100%;
	background-repeat:no-repeat;
	max-height:260px}.navigationBar{position:sticky;
	z-index:900;
	top:0;
	padding-top:3px;
	padding-bottom:3px;
	background-color:#000;

}

.barShort{

	display:none;

}

.barLong{

	display:inline-block;

}

.headerText{

	margin-left:2%;

}

.title h1{

	margin-left:12px;
	font-size:500%;
	margin-right:0;
	margin-bottom:0;

}
.subTitle{

	margin-top:0;
	font-size:100%;

}

.subTitle h1{

	padding-bottom:15%;
	padding-top:0;

}

.logo img{

	width:250px;
	height:250px;
	margin-left:2%;
	margin-top:2%;

}

.logo{

	margin-right:3%;

}

.navigationBar ul{

	display:flex;
	margin:15px auto;
	justify-content:space-around;
	font-size:200%;

}

.navDropdown,.slidos{

	display:none;

}

.navigationBar ul li{

	border:1px solid #fff;
	width:220px;
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
	background-color:#40444c;


}

.navigationBar ul li:hover{

	background-color:#585859;

}

.navigationBar ul li .monarchy{

	width:100%;
	padding-left:27%;
	padding-right:27%;

}

.navigationBar ul li .communism{

	width:100%;
	padding-left:8%;
	padding-right:8%;

}

.contText h1,.dishesForm h3,.self{

	text-decoration:underline;

}

.aboutUs{

	width:60%;margin:0 auto;

}

.aboutUs p{

	text-indent:50px;

}

.slidos img{

	width:100%;
	vertical-align:middle;
	border-radius:12px;

}.contText img,.container{

	border:5px solid #f9a200;

}

.container{

	max-width:1000px;
	position:relative;
	margin:20px auto;
	border-radius:12px;

}

.dishesForm h3,.stupid,select{

	margin-left:3%

}.next,.prev{

	top:45%;
	position:absolute;
	font-size:50px;
	padding:15px;
	color:#ff0010;
	transition:.5s ease;
	user-select:none;

}

.next:hover,.prev:hover{

	background-color:rgba(64,68,76,.5);
	color:#fff;

}

.fade{
	-webkit-animation-name:fade;
	-webkit-animation-duration:1s;
	animation-name:fade;
	animation-duration:1s;

}

@-webkit-keyframes fade{from{opacity:0}to{opacity:1}}
@keyframes fade{from{opacity:0}to{opacity:1}}select{display:block;height:10%;margin-top:14.5%}

.stupid{

	display:flex;

}

.dishesForm{

	display:flex;
	justify-content:space-around;
	width:100%;

}

.formBorder{

	margin:0 auto;
	width:90%;

}

.classmenu{

	margin:17px 0 0 5px;

}

.form{

	margin-left:1.5%;

}

.form h2,.form input{

	margin-left:5%;

}

.submitOne{

	margin-top:1%;
	border:5px solid #fff;
	right:0;

}

.contText{

	margin:30px 15px 15px;

}

.contText p{

	font-size:150%;

}

.contText img{

	border-radius:50%;
	height:600px;
	width:600px;

}

.gmap_canvas,.mapouter{

	height:500px;width:600px;

}

.meta,.ordered h3 a{

	text-decoration:none;

}

.mapouter{

	text-align:right;
	margin:0 auto 30px;
	border:5px solid #f9a200;
	border-radius:5px;

}

.foodMenu,.menuTitle,.ordered,.ordered h3 a{

	text-align:center;

}

.gmap_canvas{

	overflow:hidden;
	background:0 0!important;

}

.menuTitle{

	font-size:80px;
	margin-top:70px;

}

.foodMenu{

	display:grid;
	grid-template-columns:1fr 1fr;
	grid-template-areas:"appetizers appetizerPic" "entreePic entrees" "sides sidePic" "drinkPic drinks" "desserts dessertPic";
	grid-gap:10px;
	margin:100px 10% 20px;

}
.foodMenu div,.foodMenu img{

	margin-top:100px;

}

.appetizers,.desserts,.drinks,.entrees,.sides{

	border:solid #fff;
	background-color:#40444c;
	width:95%;

}

.foodMenu h2{

	font-size:270%;
	margin-top:4%;

}

.foodMenu li{

	margin-bottom:5%;
	font-size:200%;

}

.foodMenu img{

	width:95%;
	border:solid red;

}

.foodList{

	margin-top:10%;
	width:100%;

}

.menuDropdowns{

	display:none;

}

.chipmunk,.lastFlex,.ordered h3{

	display:flex;

}

.ordered{

	margin:0 auto;

}

.ordered h1{

	font-size:500%;
	padding:25px;

}

.ordered h2{

	font-size:250%;
	padding:50px;

}

.ordered h3{

	margin:15px auto;
	justify-content:space-around;
	font-size:200%;

}

.ordered h3 a{

	border:1px solid #fff;
	width:220px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#40444c;
	color:#fff;

}

.ordered h3 a:hover{

	background-color:#585859;

}

.meta p{

	color:silver;

}

.lastFlex h1,.pOppY h1{

	font-size:1.3vw;
	color:#ff00fa;
	text-align:center;

}

.pOppY{

	margin:2% auto 0;

}

.PoPPy,.PoppY{

	border:1px solid transparent;
	width:.15%;
	margin-top:13%;
	padding:0;

}

.poppy{

	background-image:url(https://orig00.deviantart.net/0fbd/f/2017/039/d/b/i_m_poppy_by_dreamandfantasy-dayb1hv.gif);
	background-repeat:none;

}

.P0PPy{

	border:1px solid transparent;
	width:.15%;
	padding:0;

}

.PoppY{

	margin-left:97.5%;

}

.meme{

	font-size:49vw;
	text-align:center;
	margin:0;
	padding:0;

}

.metaFunction4{

	background-color:transparent;
	border-color:transparent;

}

footer{

	left:0;
	text-align:center;
	background-color:#7c8696;
	width:100%;
	padding:1px;
	margin-top:50px;

}


@media (max-width:1080px){

.dropButton,.dropFoods{

	background-color:#40444c;

}

.dishesForm,.form,.menuDropCenter{

	text-align:center;

}

.title h1{

	font-size:500%;

}

.subTitle{

	font-size:100%;

}

.logo{

	margin-right:0;

}

.logo img{

	width:200px;
	height:200px;
	margin-left:2%;
	margin-top:2%;

}

.foodMenu{

	display:none;

}

.dishesForm{

	justify-content:space-between;
	margin-right:50%;

}

.form{

	margin-left:5px;

}
.menuTitle{

	margin-top:20px;

}

.menuDropdowns{

	display:inline-block;
	margin-top:30px;
	width:80%;

}

.dropButton{

	color:#fff;
	width:100%;
	font-size:40px;
	border:solid #fff;
	margin-top:20px;
	padding:20px;

}

.dropButton:focus{

	outline:0;

}

.dropFoods{

	display:none;

}

.dishesForm,.dropFoods h4,.show{

	display:block;

}

.dropFoods h4{

	font-size:35px;
	color:#fff;
	margin:0;
	padding:35px;
	border:1px solid #000;

}

.dishesForm,.stupid{

	margin:0 auto;

}

.dishesForm{

	width:80%;

}

.stupid h4,.stupid select{

	margin:0 auto 30px;

}

.stupid h4{

	margin-left:10%;

}

.stupid select{

	margin-right:10%;

}

.appetizers,.desserts,.drinks,.entrees,.sides{

	margin-bottom:20px;

}

.form h2,.form input{

	margin-left:0;

}

.submitOne{

	border:5px solid #fff;
	margin:0 auto;

}

}

@media (max-width:770px){

.header{

	max-height:260px;

}

.headerText{

	margin:0 auto;

}

.barShort{

	text-align:center;
	display:block;

}

.barLong,.logo,.navigationBar{

	display:none;

}

.logo img{

	width:150px;
	height:150px;
	margin-left:2%;
	margin-top:2%;
	margin-right:20%;

}

.contText img{

	border:5px solid #f9a200;
	border-radius:50%;
	height:400px;
	width:400px;

}

.gmap_canvas,.mapouter{

	height:350px;width:400px;

}

.mapouter{

	text-align:right
	;margin:0 auto 30px;
	border:5px solid #f9a200;
	border-radius:5px;

}

.gmap_canvas{

	overflow:hidden;
	background:0 0!important;

}

.navigationBar ul{

	font-size:100%;

}

.navigationBar ul li{

	width:100px;

}

.navigationBar ul li .communism,.navigationBar ul li .monarchy{

	padding-top:8%;
	padding-bottom:8%;

}

.next,.prev{

	top:35%;

}

.navDropCenter{

	text-align:center;
	position:sticky;
	z-index:900;
	top:0;

}

.navDropdown{

	display:inline-block;
	margin-bottom:20px;
	width:100%;

}

.navDropButton{

	background-color:#2b2b2b;
	color:#fff;
	width:100%;
	font-size:40px;
	border:none;

}

.navDropButton:focus{

	outline:0;

}

.navDropdown-items{

	display:none;
	background-color:#2b2b2b;

}

.navDropdown-items a{

	text-decoration:none;
	font-size:25px;
	color:#fff;
	border-top:solid #000 3px;
	padding:10px;
	display:block;

}

.show{

	display:block

}

}