body{
background-image:url(../assets/images/back.jpg);
}

#wrapper{
  margin: 0 auto;
  background-image:url(../assets/images/back2.jpg);
  height: 900px;
  width:1000px;
}

header{
  text-align: center;
}

.navbar{
    margin: 0;
    padding: 0;
    z-index: 993;
    position: relative;
}
 
li{
    width:200px;
    height:50px;
    float:left;
    text-align:center;
    list-style-type: none;
}
 
a{
    
    text-decoration:none;
    font-family: 'Press Start 2P', cursive;
    font-size: 18px;
    color: #AEE3EE; 
        text-shadow: #FFA274 1px 2px;
}
 
p{
    padding:0px 5px;
}
 
.home{
	background:#FFA274;
	z-index: 994;
	position: relative;
}

.food{
	background:#FFC66E;
	z-index: 995;
	position: relative;
}

.drinks{
	background:#FFA274;
	z-index: 996;
	position: relative;
}

.map{
	background:#FFC66E;
	z-index: 998;
	position: relative;
}

.contact{
	background:#FFA274;
	z-index: 997;
	position: relative;
}

#homephoto {
    background-image:url(../assets/images/cakehome.jpg);
        height:328px;
    width: 500px;
        background-repeat: no-repeat;
    
}

#story{
    width: 500px;
    float: right;
    position: relative;
    transform: translatey(-280px) translatex(3px);
    font-family: 'Press Start 2P', cursive;
    font-size: 18px;
    height: 20px;
    z-index: 2;
     position: relative;
}

#javaslidehome{
    transform: translatey(30px) translatex(35px);
}

.ourstoryp{
    color: #BBE896;
        text-shadow: #FFA274 1px 2px;
 z-index: 1;
     position: relative;
}

.homeheader{
    font-family: 'Lobster', cursive;
    font-size: 40px;
    text-shadow: #FFA274 2px 2px 2px;
}

footer{
    color: #BBE896;
    background-color: #FFF5DA;
    margin-top: 161px;
    height: 100px;
	font-family: 'Open Sans', sans-serif;
    font-size: 24px;
}

#foot{
    transform: translatey(60px);
}

.contactp{
    margin-left: 50px;
    margin-right: 440px;
    font-size: 25px;
    font-weight: 700;
}

.contacth{
    margin-left: 30px;
    margin-right: 440px;
    font-size: 25px;
    
}

.footcontact{
    margin-top: 355px;
}

#footcdiv{
    transform: translatey(60px);
}

.footfood{
    margin-top: 118px;
}

#footfdiv{
    transform: translatey(60px);
}

.content{
    margin-top: 180px;
    
}

.foodhead{
    font-size: 40px;
    margin-left: 10px;
    font-weight: bold;
    color: #FFA274;
    text-shadow: #AE3EE8 2px 2px;
    margin-top: -80px;
}

.footdrink{
    margin-top: 215px;
}

#footddiv{
    transform: translatey(60px);
}

.content{
   
    text-align: center;
   
}

.main{
    text-shadow: #FFF .5px .2px;
}

.footmap{
    margin-top: 93px;
}

#footmdiv{
    transform: translatey(60px);
}

#maphead{
    margin-top: 110px;
    font-size: 40px;
    font-weight: bold;
    margin-left: 38%;
    text-shadow: #FFF .2px .5px;
}

#googleMap{
    margin-left: 30px;
    margin-top: 50px;
}

#drinkgallery{
    margin-top: 100px;
}