* {
margin: 0;
padding: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
body {
font-size: 16px;
font-family: 'Slabo 27px', serif;
background: #232931;
color:#fff;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Slabo 27px', serif;
font-weight: normal;
}
a {
text-decoration: none;
visibility: visible;
background-image: url(../img/images.png);
}
a:hover {
text-decoration: underline;
visibility: hidden;
}
.contenedor {
max-width: 1000px;
width: 90%;
margin: auto;
}
header {
margin: 40px 0;
font-size: 20px;
text-align: center;
}
.foto {
width: 100%;
margin: auto;
max-width: 700px;
max-height: 500px;
text-align: center;
}
.foto iframe {
width: 100%;
max-width: 700px;
max-height: 500px;
vertical-align: top;
-webkit-box-shadow: 2px 2px 3px rgba(0,0,0,.8);
box-shadow: 2px 2px 3px rgba(0,0,0,.8);
margin-bottom: 30px;
}
.foto .texto {
max-width: 500px;
margin-bottom: 30px;
}
.regresar {
padding: 5px 10px;
margin-bottom: 30px;
display: inline-block;
border-radius: 50px;
font-size: 16px;
border:1px solid rgba(255,255,255,.2);
-webkit-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.regresar:hover {
border:1px solid #fff;
text-decoration: none;
}
.regresar .fa {
margin-right: 15px;
}