* {
	margin:0;
	padding:0;
	box-sizing:border-box;
}


@font-face {
	font-family:'bistecca';
	src:url('fonts/bistecca.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}



@font-face {
	font-family:'roboto';
	src:url('fonts/roboto.woff') format('woff');
	font-weight:normal;
	font-style:normal;
}




body {	
	background-size:cover;
	background-color:#242424;
	font:14px roboto;
	color:#fff;
}



.clear {
	clear:both;
}




.color1 {
	color:#001100;
}




.color2 {
	color:#00652e;
}




h1 {
	font-size:24px;
	padding-bottom:10px;
	text-align:center;
	color:#F1C85E;
	text-transform:uppercase;
}



h2, h3, h4, h5, h6 {
	margin-bottom:5px;
	color:#242424;
}




p {
	text-align:justify;
	line-height:20px;
	color:#000;
	letter-spacing:1px;
	margin-bottom:25px;
}


a {
	color:#fff;
}


.wrapper-dey {
	width:1000px;
	margin:auto;
}

#banner {
	width:100%;
	float:left;
}


header {
	width:100%;
	float:left;
	background:#fff;
	border-bottom:none;
}


#logo-dey {
	font:40px bistecca;
	float:left;
	letter-spacing:3px;
	padding:25px 0;
	text-transform:uppercase;
	text-align:center;
	font-weight:bold;
	text-shadow:1px 1px #001100, 2px 2px #001100;
	line-height:50px;
}

#logo-dey a {
	text-decoration:none;
	color:#F1C85E;
}


#logo-dey a span {
	text-align:center;
	text-transform:uppercase;
	color:#242424;
}



#social-dey {
	font:28px roboto;
	text-shadow:none;
	color:#000;
}




#social-dey li {
	list-style:none;
	float:right;
}



#social-dey a {
	border-radius: 100%;
	margin: 30px 0 0 16px;
	float: left;
	background-color: #F1C85E;
	height: 35px;
	width: 35px;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	color:#000;
	-webkit-transition:all ease .5s;
	-o-transition:all ease .5;
	-moz-transition:all ease .5s;
	transition:all ease .5s;
}

#social-dey a:hover {
	background-color:#242424;
}




nav {
	float:left;
	width:100%;
	background:#F1C85E;
}


nav p {
	float:right;
	width:30%;
	text-align:center;
	font-size:22px;
	color:#fff;
	text-transform:uppercase;
	background:#242424;
	padding:0 10px;
	margin-bottom:0;
	line-height:50px;
}

nav ul {
	width:70%;
	float:left;
}



nav li {
	list-style:none;
	text-align:center;
	float:left;
	width:20%;
}


nav li a {
	float:left;
	text-transform:capitalize;
	color:#fff;
	line-height:50px;
	width:100%;
	font-size:14px;
	text-decoration:none;
	transition:all ease .25s;
}


nav li a:hover,
nav li a.active {
	background:#242424;
}




article li {
	font-size:16px;
	list-style:inside;
	color:#242424;
	margin:17px;
}
article {
	float:left;
}


section > img {
	width:50%;
	float:right;
	box-shadow:5px 5px 5px rgba(0, 0, 0, .25), -5px -5px 5px rgba(0, 0, 0, .25);
}


section {
	float:left;
}



#gallery ul li {
	list-style:none;
	float:left;
	padding:10px;
	margin:2%;
	border:1px solid #00652e;
	width:21%;
	transition:all ease .5s;
}

#gallery ul li img {
	width:100%;
	border-radius:5%;
}

#gallery ul li:hover {
	border:1px solid #000;
}





aside {
	width:33.3%;
	float:left;
	padding:0 25px;
	margin:25px 0;
	text-align:center;
	border-left:1px solid rgba(255, 255, 255, .05);
	border-right:1px solid rgba(255, 255, 255, .05);
}


aside a {
	padding:5px 10px;
	background:#001100;
	border-radius:5px;
	box-shadow:2px 2px 2px rgba(0, 0, 0, .5);
	text-transform:uppercase;
	color:#cbdb2a;
	text-decoration:none;
	transition:all ease .25s;
}


aside a:hover {
	background:#cbdb2a;
	color:#001100;
}

aside p {
	text-align:center;
	font-size:16px;
	margin:0 0 25px 0;
	line-height:24px;
}



#content-dey {
	width:100%;
	float:left;
	background:rgba(255, 255, 255, .5);
	padding-top:50px;
}



footer {
	width:100%;
	text-align:center;
	line-height:50px;
	float:left;
	background:#F1C85E;
	height:50px;
}





@media only screen and ( max-width: 900px) { 


body {	
	font:18px roboto;
}


p {
	line-height:24px;
}




.wrapper-dey {
	width:100%;
}


#logo-dey {
	width:100%;
	padding:0;
	float:none;
}



#logo-dey p {
	line-height:0px;
	margin:30px 0 50px 0;
}


#social-dey {
	width:100%;
	float:left;
	padding:0 10px 10px ;
	font:28px roboto;
	text-shadow:none;
	color:#000;
}



nav {
	height:auto;
}
nav p {
	width:100%;
	float:left;
}

nav ul {
	width:100%;
}


nav li {
	width:100%;
}


nav li a {
	border-bottom:1px solid #001100;
	border-left:none;
	font-size:18px;
	line-height:50px;
	border-right:none;
}




aside {
	width:90%;
	float:none;
	margin:auto;
	padding:25px 0;
	border-left:none;
	border-right:none;
	border-bottom:1px solid rgba(255, 255, 255, .05);
}


#content-dey {
	padding:25px;
}




section > img {
	width:35%;
	float:right;
	box-shadow:5px 5px 5px rgba(0, 0, 0, .25), -5px -5px 5px rgba(0, 0, 0, .25);
}



#gallery ul li {
	padding:0;
	margin:2%;
	border:none;
	width:100%;
}

#gallery ul li img {
	width:100%;
	border-radius:5%;
}

#gallery ul li:hover {
	border:none;
}



section > img {
	width:100%;
}

}