/*    _       _        ___        _____        ___
       | \     / |      /   \      |  ___|      /   \
	   |  \   /  |     / / \ \     | |___      / / \ \
	   |   \ /   |    / /___\ \    |___  |    / /___\ \
       | |\   /| |   / /     \ \    ___| |   / /     \ \
	   |_| \_/ |_|  /_/       \_\  |_____|  /_/       \_\
 */

*{
	margin: 0;
	padding: 0;
}

body{
  font-family: Montserrat-Extra-Light;
  padding:0;
  margin:0;
  background-color:#f4f4f4;
  position: relative;
}



@font-face{
	font-family: BrushScript;
	src: url('../fonts/BrushScriptStd.otf');
}

@font-face{
	font-family: Montserrat-Extra-Light;
	src: url('../fonts/Montserrat-ExtraLight.ttf');
}

nav{
    font-family: BrushScript;
    padding-top: 15px;
    margin: 0;
    background-color: none;
    margin-left: 10vw;
    margin-right: 10vw;
    color: #c9bfb8;
    position: relative;
}


.container{
    width: 85%;
    margin:auto;
    overflow: hidden;
}

h1{
	font-family: BrushScript;
	margin-left: 40px;
	background-color: white;
	font-size: 55px;
}

ul{
	margin: 0;
	padding: 0;
}

header{
	background: #ffffff;
	color: #000000;
    padding-top: 20px;
    min-height: 30px;
    border-bottom: #c9bfb8 10px solid;
}

header #logo{
	float: left
}

header #logo h1{
	margin: 0;
}

header li{
	float: left;
	display: inline-block;
	padding: 10;
	margin-left: 50px;
	font-size: 20px;
	text-align: center;
	font-weight: 2px;
	}

header li :hover{
	color: #c9bfb8;
	font-weight: bold;
}

.home:hover{
	transform: scale(1.2);
}
.about:hover{
	transform: scale(1.2);
}
.menu:hover{
	transform: scale(1.2);
}
.reservation:hover{
	transform: scale(1.2);
}



img {
	height: 80%;
	width: 100%;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
}



.facebook{
	float: right;
	width: 30px;
	height: 30px;
	background-color: #ffffff;
	margin-left: 3vw;
	position: absolute;
    top: 10px;
    right: 10px;
}

.instagram{
	float: right;
	width: 30px;
	height: 30px;
	background-color: #ffffff;
	margin-left: 2vw;
	position: absolute;
    top: 10px;
    right: 60px;
}

.twitter{
	float: right;
	width: 30px;
	height: 30px;
	background-color: #ffffff;
	margin-left: 1vw;
	position: absolute;
    top: 10px;
    right: 110px;
}

.icon{
	margin-left: 30px
}

footer{
	font-family: Montserrat-Extra-Light;
	font-size: 15px;
	text-align: center;
	margin: 0;
	padding: 0;
}

/* About Section */

section#main{
	float: center;
	font-size: 15pt;
	margin-left: 350px;

}

section#box{
	background-color: #c9bfb8;
	align-content: center;

}

h2.pagetitle{
	 text-align: center;
	 text-decoration: underline;
	 margin-top: 70px;

}

article#main-col{
    float: center;
    width: 65%;
    font-family: Montserrat-Extra-Light;
    letter-spacing: 0.5px;
    line-height: 25px;
}

figure {
		width: 46vw;
		height: 30vw;
		background-size: cover;
		text-align: center;
		float: center;
		margin: 0;
		padding: 0;
		margin-left: 20px;

	}

figure#el-capitan-image {
			background-image: url("../img/img_about.jpg");
		}

		figure#el-capitan-image:hover {
				background-image: url("../img/table_1.jpg");
				background-size: cover;
			}

/* Menu Section */

ul#menu li{
  padding:20px;
  border: #cccccc solid 1px
  background:#e6e6e6;
  font-family: Montserrat-Extra-Light;

}

section.box_2{
	background-color: #c9bfb8;
	width: 80%;
	margin-right: 0vw;
	
}


/* Reservation */

aside#sidebar .quote input, aside#sidebar .quote textarea{
  width:90%;
  padding:5px;
}

.dark{
  padding:15px;
  background:#c9bfb8;
  color:#000000;
  margin-top:10px;
  margin-bottom:10px;
  margin-left: 270px;
  position: relative;

}