*{
padding:0;
margin:0;
}

body{
font-family:"calibri light";
padding-left:11em;
font-family:Georgia, "Times New Roman",
times, serif;
color:grey;
background-color:#C8C2C1;
}
ul.navbar{
list-style-type:white;
padding:0;
margin:0;
position:absolute;
top:2em;
left:1em;
width:9em;
}
h1{
font-family:Helvetica, Geneva, Arial,
SunSans-Regular, sans-serif;
}
ul.navbar li{
background:grey;
margin:0.5em 0;
padding:0.3em;
border-right:1em solid black;
}
ul.navbar a{
text-decoration:none;
}
a:link{
    color:grey;
}
a:visited{
color:black;
}
.contenedor:{
background:tomato;
width:80%;
margin:auto;
}

header{
height:500px;
background-image:url('../img/dior.png');
background-position:center;
background-size:cover;
}

main{
background:#0b4701;
padding:20px 110px;
}

main .perfil{
width:160px;
height:160px;
background-color:#0b4701;
border-radius:100%;
margin:-80px 0px 0px 500px;
border:6px solid #0b4701;
}

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

main .perfil img{
background-position:left;
width:160px;
height:160px;
border-radius:100%;
}

footer{
background:white;
text-align:center;
padding:25px;
color:black;
}

.boton a{
background:grey;
text-decoration:none;
color:black;
font-size:18px;
display:block;
padding:15px 10px;
border-radius:5px;
width:100px;
margin:0 auto;
text-align:center;
}

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