@font-face {
    font-family: Majesti-Banner-Heavy;
    src: url(fonts/majestibannerheavy.otf);
}
@font-face {
    font-family: Majesti-Banner-Medium;
    src: url(fonts/majestibannermedium.otf);
}
@font-face {
    font-family: Social-Shapes;
    src: url(fonts/Social_Icons_Pro_Set_1-Rounded.ttf);
}

img {
    max-width: 100%;
    height: auto;
}
body {background-color: rgb(215,228,194);
    width: 1280px;
    margin: 0 auto;
}
div#chef h2{
	text-align: center;
    font-size: 40px;}

div#chef img{
	float: right;
	padding-left: 20px;
}

div#chef p {
	font-size: 22px;
	text-align: justify;
	margin: 0;
	padding-bottom: 20px;
}

div:after {
  content: "";
  display: table;
	clear: both;}

div#cook img{
	float: left;
	width: 550px;
	margin: 0;
	padding: 0;
}

.column {
  float: left;
  width: 49.5%;
  margin: 0;
  padding: 0;
  
}

.column img {
	border-width: thick;
  	border-color: rgb(190,30,45);}

/* Clear floats after image containers */
.row::after {
  content: "";
  clear: both;
  display: table;
}

ul {
    list-style: none;
    margin-left: 0;
    padding: 0;
    padding-top: 10px;
    padding-bottom: 10px;
	justify-content: space-around;
    overflow: hidden;
    background-color: rgb(65,57,61);
    height: 30px;
}

li {
    float: left;
}

li a {
    display: subgrid;
    color: white;
    font-family: Majesti-Banner-Medium;
    font-size: 25px;
    text-align: center;
    padding: 88px;
    text-decoration: none;
    width: 192px;
}

li a:hover {
    background-color: rgb(190,30,45);
}
   


h2 {color: rgb(240,78,35);
    font-size: 30px;
    font-family: Majesti-Banner-Medium;
    }
    
p {font-size: 20px;
    font-family: arial;
    }

header { 
    background-repeat: no-repeat;
    padding-top: 90px;
    background-image: url(images/chinesebanner.jpg);
    background-size: auto;
    } 

.img-container {
  float: left;
  width: 33.33%;
  margin: auto;
  padding-top: 10px;
}
.mapouter{float:right}

.clearfix::after {
  content: "";
  clear: both;
  display: table;
}

.button {
  background-color: rgb(190,30,45);
  border: none;
  color: white;
  padding: 15px 25px;
  text-align: center;
  font-size: 16px;
  cursor: pointer;
}
.button:hover {
  background-color: rgb(138,140,143);
}

footer{
	display: block;
    text-align: center;
    text-decoration: none;
    width: 100%;
    height: 125px;
    background-color: rgb(65,57,61);
    font-family: sans-serif;
    }
footer div#contact{
    font-family: sans-serif;
    color: rgb(190,35,40);
    font-size: 12px;
    padding-top: 2px;
	margin-top: 0;
}