/* Angel Styles */

body { margin:0px; padding:0px; font-family: "Open Sans",sans-serif,helvetica; background: #1f2229; color: #7d8493; }

.logo { width:100%; padding: 20px 0; text-align: center; }
.logo img { max-width: 294px; }
.info {  width:100%; padding: 0 0 20px 0; text-align: center;  }
	.nombre {  font-weight:bold; font-size: 40px; }
	.skills {  font-style: italic; }
.idea { width:100%; background: #FFD800; padding: 30px 0; text-align: center; }
.contacto { width:100%; float: left; background: #000; color:#fff; font-weight:bold; font-size: 20px; padding:20px 0; text-align: center; }
	.activate { float:left; width: 50%; }
		.activate a { text-decoration: none; }
	.email { float:right; width: 50%; }	
	.telf { float:right; width: 50%; }	
		.email a, .telf a { color: #fff; text-decoration: none; }
		.email a:hover, .telf a:hover { color: #FFD800; }


/* Responsive */

@media (max-width: 480px) {
	
	.logo img, .idea img, .activate, .email, .telf  { width: 100%; }
	.logo { padding-bottom: 0px; }
	.email, .telf { padding: 10px 0; margin: 10px 0; border-top: 1px solid #FFD800; border-bottom: 1px solid #FFD800; }
	.activate img { max-width: 120px; }
	.nombre { font-size:24px; }
	.skills { padding:10px; }
	
}