/*/////////////////////////////////////*/
/*//////////IMAGEN ENCABEZADO//////////*/
/*/////////////////////////////////////*/

.header-page {
  background: url('../img/bg_Parque de xiloxoxtla.jpeg') no-repeat center center;
  background-size: cover;   /* la clave para que se adapte */
  background-attachment: fixed; /* opcional: efecto parallax */
  height: 555px; /* puedes ajustar el alto de tu header */
  width: 100%;
}

/*/////////////////////////////////////*/
/*////////////////MENU/////////////////*/
/*/////////////////////////////////////*/
#nav > li:nth-child(1){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(255, 210, 5, 1.0) !important;
  box-shadow: inset 0px 3px 0px 0px rgba(255, 210, 5, 1.0) !important;
}
#nav > li:nth-child(2){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(243, 164, 107, 1.0);
  box-shadow: inset 0px 3px 0px 0px rgba(243, 164, 107, 1.0);
}
#nav > li:nth-child(3){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(247, 101, 112, 1.0);
  box-shadow: inset 0px 3px 0px 0px rgba(247, 101, 112, 1.0);
}
#nav > li:nth-child(4){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(195, 119, 228, 1.0);
  box-shadow: inset 0px 3px 0px 0px rgba(195, 119, 228, 1.0);
}
#nav > li:nth-child(5){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(27, 188, 155, 1.0);
  box-shadow: inset 0px 3px 0px 0px rgba(27, 188, 155, 1.0);
}
#nav > li:nth-child(6){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(20, 185, 213, 1.0);
  box-shadow: inset 0px 3px 0px 0px rgba(20, 185, 213, 1.0);
}
#nav > li:nth-child(7){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(255, 210, 5, 1.0) !important;
  box-shadow: inset 0px 3px 0px 0px rgba(255, 210, 5, 1.0) !important;
}
#nav > li:nth-child(8){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(243, 164, 107, 1.0);
  box-shadow: inset 0px 3px 0px 0px rgba(243, 164, 107, 1.0);
}
#nav > li:nth-child(9){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(247, 101, 112, 1.0);
  box-shadow: inset 0px 3px 0px 0px rgba(247, 101, 112, 1.0);
}
#nav > li:nth-child(10){
  -webkit-box-shadow: inset 0px 3px 0px 0px rgba(195, 119, 228, 1.0);
  box-shadow: inset 0px 3px 0px 0px rgba(195, 119, 228, 1.0);
}