.banner{
	width: 100%;
	height: 100vh;
	background:url('../images/gallery/bg.jpg');
	background-size: cover;
	background-attachment: fixed;
}

.content{
	padding: 50px 100px;	
}

.sidebar-contact{
		position: fixed;
		top: 50%;
		left: 0px;
		transform: translateY(-50%);
		width: 350px;
		height: auto;
		
		padding: 40px;
		background:#fff;
		box-shadow: 0 20px 50px rgba(0,0,0,.5);
		box-sizing: border-box;

}

.sidebar-contact.active{
	left: 0px;
}

.sidebar-contact input,.sidebar-contact textarea{
	width: 100%;
	box-sizing: border-box;
	height: 36px;
	padding: 5px;
	margin-bottom: 5px;
	border:1px solid rgba(0,0,0,.5);
	outline: none;
}
.toggle{
	position: absolute;
	top: 0;
	right: -48px;
	width: 48px;
	line-height: 48px;
	height: 48px;
	text-align: center;
	cursor: pointer;
	background:#f00;
}

#navbar-logo:hover{
	color: white;
}

.toggle:before{

content: '\f003';
font-family: fontAwesome;
color: #fff;
font-size: 18px; 
	}
.sidebar-contact input[type="submit"]{
	 background:#00bcd4;
	 color: #fff;
	 cursor: pointer;
	 border:none;
	 font-size: 18px;
}
.sidebar-contact textarea{
	height: 60px;
	resize: none;
}

.sidebar-contact h3{
	padding: 0;
	margin: 0 0 20px;
}