html {
    height: 100%;
}
	body {
		margin: 0;
		text-align: center;
		height: 100%;
	}
		h1 {
		text-transform: uppercase;
		font-size: 22px;
		font-family: arial;
		margin: 0;
		}
		strong {
			color: #333;
		}

/* Cabecera */	
.cabecera {
    background: #012f25;
    color: #fff;
    height: 40%;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
	min-height: 320px;
}
	.logo {
		margin-bottom: 50px;
	}

/* Contenido */
.contenido {
    margin: 50px 15%;
	color: #444;
}
	.quote {
		text-align: justify;
		-webkit-box-shadow: 0px 10px 11px 10px rgba(0,0,0,0.75);
		-moz-box-shadow: 0px 10px 11px 10px rgba(0,0,0,0.75);
		box-shadow: 0px 5px 10px 3px rgb(0, 0, 0);
		margin-bottom: 50px;
		padding: 10px 25px;
		background: #f3f0f0;
	}
	.mail {
		color: blue;
	}