/*

<!--Importamos el estilo creado para modificar-->
<link rel="stylesheet" href="sites/estilo.css">


*/

/*        header*/
.bar{
  max-height: 10px;
}

.med{
  font-size: 140%;

}

/*                  banners                   */
/*Permite incrementar el texto de los banners*/
.grande{
  font-size: 400%;
  color: white;
}
/*Permite craer una caja con sombra en el texto del banner*/
.detall {
color: white;
background-color: rgba(0,0,0,0.9);
padding: 0px;
text-align: justify;
}

/*          img       */
/*Centrar una imagen en un parrafo*/
.cen_img{
text-align: center;
}

.padre {

  height: 100%;
  /*IMPORTANTE*/
  display: flex;
  justify-content: center;
  align-items: center;
}

.hijo {
  color: rgb(29,53,99);
  width: AUTO;
}


* {
box-sizing: border-box;
}



/* Clear floats after the columns */
.row:after {
content: "";
display: table;
clear: both;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
.column {
width: 100%;
}
}


/*      FOOTER    */
.jus_tex{
  text-align: justify;
}

#az{
  
}