body {
	background-color: rgb(245, 245, 245);	
    font-family: "Poppins", sans-serif;   
}
#masthead{
	padding-top: 200px;
	padding-bottom: 200px; 
	text-align: center;
	background-image: url("/assets/img/IMG_5093.jpg");
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
	background-size: cover;		
	margin-bottom: 50px;
	position: relative;
	z-index: -1;		
}

.banner-masthead {
	background-color: white;
	position: relative;
	margin: 0 auto;
	max-width: 1400px;
	bottom: -15rem;
	padding: 20px;
	border-radius: 5px;
    box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.1);
	color: #004d0b;
	width: 200px;	 
}  

#masthead .masthead-heading {
    font-size: 25px; 
    font-weight: 700;
}

@media (min-width: 768px) {
	.banner-masthead {width: 400px;}  

	.masthead .masthead-heading {font-size: 80%;}	
}
/*---------------------------------------------------------------------------------------*/
/* Docentes
/*---------------------------------------------------------------------------------------*/
#Docentes{  
    padding: 3rem 0 3rem 0; 
    
}

#Docentes i {
    color: #004d0b;
} 

#Arte .bg-image {
	background-image: url('assets/img/claudiaGonzalezDSC03889.jpg');
}

#Musica .bg-image {
	background-image: url('assets/img/sofia_DSC6853.jpg');
}

.bg-image {
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	transition: transform 0.8s ease;
	z-index: 0;
}

#Arte:hover .bg-image,
#Musica:hover .bg-image {
	transform: scale(1.1); 
}

#Arte,
#Musica {
	height: 100vh;
}

@media (max-width: 992px) {
	#Arte,
	#Musica {
		height: 30vh;
	}
}