@font-face {
    font-family: Stomper-Regular;
    src: url(STOMPER-REGULAR.otf);
}

*
{
	margin: 0px;
	padding: 0px;
}

body
{
	background: url(logo.png) left no-repeat, url(bricks.jpg) left;
	font-family: Stomper-Regular;
	font-size: 0.8em;
}

.espaciado
{
	padding-top: 1em;
}

header
{
	padding-top: 1em;
	background-color: black;
	text-align: center;
	color: #FFF040;
	font-size: 1.5em;
}

footer
{
	padding: 1em;
	background-color: black;
	text-align: center;
	color: #FFF040;
	font-family: Stomper-Regular;
}

.logo
{
	url(circuito.jpg) bottom no-repeat
}

.contenedor
{
	margin: 0 auto;
	max-width: 960px;
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	background-color: white;
	justify-content: center;
	padding: 1em;
}

.familia
{
	max-width: 100%;
}

.foto
{
	padding-top: 1em;
	max-width: 200px;
}

.interno
{
	padding: 1em;
	max-width: 100%;
	text-align: center;
}

.perfil
{
	padding: 1em;
	text-align: center;
}

.snapshots
{
	max-width: 280px;
	height: 200px;
}

.embed-container {
	position: relative;
	padding-bottom: 56.25%; 
	height: 0; 
	overflow: hidden;
	max-width: 100%; 
} 
.embed-container iframe, .embed-container object, .embed-container embed 
{ position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}