/* ********** HEADER CSS  ***********************/

/* **NUEVO CSS** */
.page-header {
	display: none;
}
.header_transparencia {
	background: url('https://ciep.mx/wp-content/uploads/2021/05/AdobeStock_385916104.png');
	text-align: center;
	width: 100%;
	height: auto;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
	border-radius: 0 0 85% 85% / 20%;
}


.header_transparencia .overlay{
	width: 100%;
	height: 100%;
	padding: 50px;
	color: #FFF;
	text-shadow: 1px 1px 1px #333;
  /*background-image: linear-gradient( 135deg, #9f05ff69 10%, #fd5e086b 100%);*/
  background: linear-gradient(90deg,rgba(1, 1, 61, 0.8) 0%, rgba(32, 49, 92, 0.9) 50%);
	
}

.header_transparencia .overlay h1 {
	font-family: 'Quetzalli Sans', cursive;
	font-size: 80px;
	margin-bottom: 30px;
}

.header_transparencia .overlay h3, 
.header_transparencia .overlay p {
	font-family: 'Quetzalli Sans', sans-serif;
	margin-bottom: 30px;
	font-size: 1.2em;
}

.header_transparencia .overlay button {
	border: none;
	outline: none;
	padding: 10px 20px;
	border-radius: 50px;
	color: #333;
	background: #fff;
	margin-bottom: 50px;
	box-shadow: 0 3px 20px 0 #0000003b;
}
.header_transparencia .overlay button:hover{
	cursor: pointer;
}

/* **NUEVO CSS** */

.header_directorio {
	background: url('https://sitio.cobaem.edu.mx/sites/default/files/imagenes/directorio_banner.png');
	text-align: center;
	width: 100%;
	height: auto;
	background-size: cover;
	background-attachment: fixed;
	position: relative;
	overflow: hidden;
	border-radius: 0 0 85% 85% / 20%;
}


.header_directorio .overlay{
	width: 100%;
	height: 100%;
	padding: 50px;
	color: #FFF;
	text-shadow: 1px 1px 1px #333;
  /*background-image: linear-gradient( 135deg, #9f05ff69 10%, #fd5e086b 100%);*/
  background: linear-gradient(90deg,rgba(1, 1, 61, 0.8) 0%, rgba(32, 49, 92, 0.9) 50%);
	
}

.header_directorio .overlay h1 {
	font-family: 'Quetzalli Sans', cursive;
	font-size: 80px;
	margin-bottom: 30px;
}

.header_directorio .overlay h3, 
.header_transparencia .overlay p {
	font-family: 'Quetzalli Sans', sans-serif;
	margin-bottom: 30px;
	font-size: 1.2em;
}

.header_directorio .overlay button {
	border: none;
	outline: none;
	padding: 10px 20px;
	border-radius: 50px;
	color: #333;
	background: #fff;
	margin-bottom: 50px;
	box-shadow: 0 3px 20px 0 #0000003b;
}
.header_directorio .overlay button:hover{
	cursor: pointer;
}