@import url('https://fonts.googleapis.com/css?family=Montserrat:100,300,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Elsie&display=swap');


.Titulo_mat{
	width:100%;
	height:auto;
	}
	
.Titulo_texto_mat_01 {
	font-family: 'Elsie', sans-serif;
	font-size:47px;
	color:#000;	
	text-align:center;	
	}
	
.Titulo_cuadro_mat_01 {
	width:100%;
	height:40px;
	}

.Titulo_texto_mat_02 {
	font-family: 'Montserrat', sans-serif;
	font-size:30px;
	color:#000;	
	/*font-weight: bold;*/
	text-align:center;	
	padding: 5%;
	}

.banner_mat{
    position: relative;
    width: 100%;
    background-color:#decc08;
    height: 100px;
    margin: 0 auto;
}

.banner_mat_texto{
    font-family: 'Montserrat', sans-serif;
		font-size: 30px;
    color:#fff;
    width: 90%;
    margin: 0 auto;
    padding-top: 10px;
    font-weight: 400;
    text-align: center;
   	font-weight: bold;
}

.banner_mat::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -30px;
    border-width: 30px;
    border-style: solid;
    border-color: #decc08 transparent transparent
    transparent;
}

.Titulo_cuadro_mat_02 {
	width:100%;
	height:40px;
	}


.Material{
	width:100%;
	height:500px;
	display: flex;
	flex-wrap: wrap;
	}	
	
.Contenedor_Material{
	width:50%;
	float:left;
	height:100%;
	}	


.Imagen_texto{
	font-family: 'Elsie', sans-serif;
	font-size:90px;
	color:#fff;
	text-align:center;
	padding: 5%;
	width:100%;
	height:500px;
	table-layout: fixed;
	display: flex;
	justify-content: center;
	align-items: center;
	}
	
.Descripcion_material{
	font-family: 'Montserrat', sans-serif;
	font-size:20px;
	color:#000;	
	text-align:justify;
	padding: 5%;
	display: table-cell;
	vertical-align: middle;
	height:500px;
	}

	.uno {
	 order: 1;
	}
	.dos {
	 order: 2;
	}
	.tres {
	 order: 3;
	}
	.cuatro {
	 order: 4;
	}
	.cinco {
	 order: 5;
	}
	.seis {
	 order: 6;
	}
	.siete {
	 order: 7;
	}
	.ocho {
	 order: 8;
	}


@media screen and (max-width: 1350px) {
	.Imagen_texto{
		font-size:70px;
		}
	.banner_mat_texto{
		font-size: 22px;
		}
	}

@media screen and (max-width: 950px) {
	
	.Titulo_texto_mat_01 {
		font-size:35px;
		}
	
	
	.Imagen_texto{
		font-size:50px;
		}
	.banner_mat_texto{
		font-size: 20px;
		}
	.Material{
		height:400px;
		}	
	.Descripcion_material{
		height:400px;
		font-size:15px;
		}
	.Imagen_texto{
		height:400px;
		}
		
	}
@media screen and (max-width: 750px) {
	.Imagen_texto{
		font-size:40px;
		}
	.banner_mat_texto{
		font-size: 20px;
		}
	.Descripcion_material{
		font-size:14px;
		}
		
}
	
@media screen and (max-width: 600px) {
.Contenedor_Material{
	width:100%;
	float:left;
	height:100%;
	flex-shrink: 0;
	}	
	.Imagen_texto{
		font-size:25px;
		}
	.banner_mat_texto{
		font-size: 15px;
		}
	.Material{
		height:420px;
		}	
	.Descripcion_material{
		height:210px;
		font-size:10px;

		}
	.Imagen_texto{
		height:210px;
		}
.uno {
 order: 1;
 height:50%;
}

.dos {
 order: 2;
  height:50%;
}
.tres {
 order: 4;
  height:50%;
}
.cuatro {
 order: 3;
  height:50%;
}
.cinco {
 order: 5;
  height:50%;
}
.seis {
 order: 6;
  height:50%;
}
.siete {
 order: 8;
  height:50%;
}
.ocho {
 order: 7;
  height:50%;
}

}