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

body{
	font-family:'roboto',sans-serif;
}

.contenedor{
	width:80%;
	margin:0 auto;
}

header{
	width:100%;
	height:350px;
	background: url('../img/perfil.jpeg');
	background-size:contain;
	background-position: top;
	background-repeat: no-repeat;
}

main > .perfil{
	width:150px;
	height:150px;
	background:gray;
	border:8px solid #fff;
	border-radius:50%;
	margin-top:-95px;
	margin-bottom: 10px;
	margin-left:auto;
	margin-right:auto;
}

main .perfil img{
	width:100%;
	height:100%;
	border-radius:50%;
}

main .texto h2{
	text-align:center;
	font-size: 35px;
	margin: 10px 0;
}

main .texto p{
	font-size: 18px;
	font-style: italic;
	margin-bottom: 15px;
	text-align:justify;
}

.boton{
	margin:0 auto;
}
.boton a{
	background: teal;
	text-decoration: none;
	color:white;
	font-size:18px;
	display: block;
	padding:15px 10px;
	border-radius:5px;
	width:100px;
	margin:15px auto;
	text-align:center;
}
 /* Tiempo del video: 36:03 */
. boton a:hover{
	background:#005252:
}

footer{
	background:#020202;
	padding: 30px
}

footer p{
	color:white;
	text-align:center;
}

.img-container {
 box-sizing: border-box;
 float: left;
 width: 28%;
 padding: 5px;
}
.img-container img{
 width: 100%;
}

.productos{
	text-align:center;
}

ul.navbar {
	
 list-style-type: none;
 padding: 0;
 margin: 0;
 position: absolute;
 top: 2em;
 left: 1em;
 width: 9em;
 
 }

 
 ul.navbar li {
	
 background: white;
 margin: 0.5em 0;
 padding: 0.3em;
 border-right: 1em solid black;
 
 }
 
ul.navbar a {
	
 text-decoration: none;
 
 }
 
a:link {
	
 color: blue;
 
 }
 
a:visited {
	
 color: purple;
 
 }
address {
	
 margin-top: 1em;
 padding-top: 1em;
 border-top: thin dotted;
 
 }
 

#titulo {
	text-align: center;
}