/* Este estilo lo aplicamos para no tener espacios entre los elementos */
h1,h2,h3,h4,h5,p,a,span{
    font-family: 'Roboto', sans-serif;
}
div{
	background-color: #f7f7f7;
}

header{
	margin: 0 auto;
	text-align: center;
}
header img{
	width: 100%;
	max-width: 500px;
	margin: 0 auto;
}
.contenedor{
	text-align: center;
	padding: 1em;
}
.contenedor span, .contenedor audio{
	display: block;
	margin: 0 auto;
}
.grey{
	background-color: #e4e4e4;
}
footer{
	padding: 1em 0;
	background-color: black;
	color: white;
	text-align: center;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
 
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 

}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    
}