@font-face {
    font-family: "headingFontRegular";
    src: url("resources/fonts/Majesti-Banner_Book.otf");
}

@font-face {
    font-family: "headingFontBold";
    src: url("resources/fonts/Majesti-Banner-Bold.otf");
}

@font-face {
    font-family: "descriptionFontItalic";
    src: url("resources/fonts/Majesti-Banner-LightItalic.otf");
}

body {
    background-color: #41393d;
    
}

h1 {
    font-family: headingFontBold;
    color: #be1e2d;
    font-size: 250%;
}

h2 {
    font-family: headingFontBold;
    color: #be1e2d;
    font-size: 200%;
}

h3 {
    font-family: headingFontBold;
    color: #be1e2d;
    margin-bottom: 0;
    margin-top: 3px;
    font-size: 200%;
}

p {
    font-family: athelas, serif;
    font-style: normal;
    font-weight: 400;
    color: #FFFFFF;
}

.descText {
    font-family: descriptionFontItalic;
    font-style: normal;
    font-size: 13px;
    font-weight: 300;
    color: #FFFFFF;
}

footer p {
    color: #8a8c8f;
}

footer {
    position: relative;
    display: block;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    font-family: athelas, serif;
    font-style: normal;
    font-weight: 400;
    color: #8a8c8f;

}

div#logo {
    float: left;
}


ul {
    list-style-type: none;
    text-align: left;
    margin: 0px 0px;
    padding: 0px 0px;
    overflow: hidden;
    font-family: headingFontBold;
    font-size: 120%;
    width: auto;
}

 
li {
    float: right;
    margin-top: 0;
    margin-right: 10px;
}

li a {
    display: inline-block;
    color: white;
    text-align: center;
    margin: 21px 0px;
    padding: 24px 16px;
    text-decoration: none;
}

li a:hover {
    background-color: #8a8c8f;
}

.homeImage {
    height: 40vw;
    width: 99vw;
	background-image: url("images/homePage.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    border-radius: 5px;
}

.homeSlides {
	width: 99vw;
	height: auto;
	background-size: contain;
}

.homeText{
    position: absolute;
    top: 30vw;
    width: 99vw;
    text-align: center;
    background-color: #41393d;
}

.menu{
    display: inline-block;
    margin-right: 10px;
    padding: 0 15px;
}

.menuImage {
    display: table-cell;
    vertical-align: middle;
    height: 40vw;
    width: 40vw;
    background-image: url(images/Chinese-Food-1.jpg);
    background-size: cover;
    border-radius: 5px;
}

.menuText {
    display: table-cell;
    vertical-align: top;
    width: 80vw;
    padding: 0 10px;
}

.menuAppetizers {
    text-align: right;
}

.menuEntree {
    text-align: left;
}


.aboutUs {
    display: inline-block;
    margin-right: 10px;
    padding: 0 15px;
}

.aboutUsImage {
    display: table-cell;
    vertical-align: middle;
    height: 40vw;
    width: 30vw;
    background-image: url("images/appetizer.jpg");
    background-size: cover;
    border-radius: 5px;
    background-repeat: no-repeat;
    background-position: -200px 0px;
}

.aboutUsText {
    display: table-cell;
    vertical-align: top;
    width: 70vw;
    padding: 0 10px;
}

.contactUsImage {
    height: 200px;
    background-image: url("images/interior.jpg");
    background-position: 0px 40vw;
    background-size: cover;
    border-radius: 5px;
}

.contactUsText {
    height: auto;
    text-align: center;
    font-size: 125%;
	padding-bottom: 5px;
    
}