html{
	color: #333;

	text-decoration: none;
	text-transform: none;
	text-align: center;
	background: #221F1F;
		
}

	body {
		background: #fff;
		width: 1200px;
		height: 768px;
		margin: 0 auto 0px;
	}

h1 {
	font-family: Helvetica, sans-serif;
	font-size: 20px;
	padding: 0;
	margin: 0;
}

h2 {
	color: #000;
}

h8 {
	color: #D3C7AC;
	font-family: 'Quantico', Helvetica, sans-serif;
	text-align: center;
	font-size: 30px;
	text-transform: uppercase;
	text-decoration: none;

}
h8:hover {
	color: #fff;
}

a {
	color: #fff;
	font-family: 'Quantico', Helvetica, sans-serif;
	text-align: center;
	font-size: 20px;
	text-transform: uppercase;
	text-decoration: none;

}



p {
	color: #000;
	font: 15px 'Quantico', sans-serif;
	text-align: center;
	margin: auto;
	padding: 50px;
}



section {
	margin: 0 auto 0px;
	width: 100%;
}

table {
	margin: 0px auto 0;
	width: 100%;
	height: auto;
}

td {
	margin: 0px auto 0;
	width: 100%;
	height: 440px;
	
}

tr {
	margin: 0px auto 0;
	width: 100%;
	height: auto;
}


.portafolio {
	/* background-color: #D3CECE; */
	background-image: url("images/we.jpg");
	background-size: inherit;
	color: #EBE8E1;
}
.portafolio:hover {
	background-size: cover;	
}

.blog {
	background-image: url("images/blog.jpg");
	background-size: inherit;
}
.blog:hover {
	
	background-size: cover
}

.contacto {
	background-image: url("images/cenote.jpg");
	background-size: inherit;
}
.contacto:hover {
	
	background-size: cover	
}

.bio {
	background-image: url("images/random.jpg");
	background-size: inherit;
}
.bio:hover {
	
	background-size: cover	
}

.instagram {
	/* background-color: #D3CECE; */
	background-image: url("images/ig.jpg");
	background-size: inherit;
	color: #EBE8E1;
}
.instagram:hover {
	background-size: cover;	
}

.wep {
	/* background-color: #D3CECE; */
	background-image: url("images/wemotion.gif");
	background-size: inherit;
	color: #EBE8E1;
}
.wep:hover {
	background-size: cover;	
}

.behance {
	background-image: url("images/imac.jpg");
	background-size: inherit;
}
.behance:hover {
	
	background-size: cover	
}

.twitter {
	background-image: url("images/random.jpg");
	background-size: inherit;
}
.twitter:hover {
	
	background-size: cover	
}

.youtube {
	background-image: url("images/moon.gif");
	background-size: inherit;
}
.youtube:hover {
	
	background-size: cover	
}

.menu {
	height: 50px;
}

.menu td {
	width: 20px;
	height: 50px;
}

.menu h8,a {
	font-size: 15px;
	color: #000;
}

.menu2 {
	height: 50px;
	width: 500px;
}

.menu2 td {
	width: 100px;
	height: 50px;
}

.menu2 h8,a {
	font-size: 15px;
	color: #000;
}
.cont {
	width: 100%;
}

.cont td {
	width: 50%;
}

#logo {
		background: #221F1F;
		border: 0;
	}
	#contacto {
		background: #221F1F;
	}
	
	.escala:hover {
		-moz-transform: scale(1.1);
-webkit-transform: scale(1.1);
-o-transform: scale(1.1);
-ms-transform: scale(1.1);
transform: scale(1.1);
-webkit-transition: all .4s ease-in-out;
-moz-transition: all .4s ease-in-out;
-ms-transition: all .4s ease-in-out;
-o-transition: all .4s ease-in-out;
transition: all .4s ease-in-out;
	}