#tablet_section {
  background-color: #F0F0F0;
}

#F10IXP_section {
    background:transparent url('../img/F10XIPG_bg.png');
    background-repeat: no-repeat !important;
    background-size: cover !important;
    background-position: center;
 }

#linsayKids_section { 
  background:transparent url('../img/linsayKids_bg.png');
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
}

 #SPL_section { 
  background:transparent url('../img/spl_bg.png');
  background-repeat: no-repeat !important;
  background-size: cover !important;
  background-position: center;
}
#SPL_section button {
  background-color:#751971;
  border: #F0F0F0;
}
#submenus  {
  background-color: white;
  box-shadow: 0px 10px 15px #aaaaaa;
}
.submenu h3 {
  width: 100%;
  padding: 20px;
  font-family: 'Fira Sans', sans-serif;
  font-size: 120%;
  border-bottom: 1px solid #ccc;
}
.submenu ul li {
  padding:0px;
  margin:0px;
  font-size: 90%;
  font-family: 'Varela', sans-serif;
  
}
  
footer {
  background-color: #f5f5f7;
  padding:15px 0px 15px 0px;
  text-align:center;
}

footer a {
  font-size:80%;
}
.bg-black { background-color: black;}
.bg-gray  { background-color: #F0F0F0;}

@media only screen and (min-width: 1200px) {
  #SPL_section   { min-height: 1000px; padding-top: 10%; }
  #X9000_section { min-height: 1000px; padding-top: 10%; } 
  #menuContainer {justify-items: start; justify-content: start;}
   .navbar-nav .nav-link {font-size: 1rem; /* Tamaño de texto más pequeño para pantallas pequeñas */
 

}
}
@media only screen and (max-width: 600px) {
  #F10IXP_section { padding-top: 10%;}
  #Ex_text { padding: 15% 0% 25% 0%; margin-top:8%;  }
  #linsayKids_row {flex-direction: column-reverse; padding-top: 5%;}
  #menuContainer {justify-items: end; justify-content: end;}
  .navbar-nav .nav-link { font-size: 0.75rem; /* Tamaño de texto normal para pantallas medianas y más grandes */
}
}

.transparecia {
  opacity: 0.2;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  transition: opacity 1s;
}
.transparecia:hover {
  opacity: 0.9;
  filter: alpha(opacity=50); /* For IE8 and earlier */
  transition: opacity 2s;
}
.nav-link {
  position:relative;
}

.nav-link:before {
  display:block;
  content:"";
  position:absolute;
  bottom:0;
  left:0;
  width:0;
  height:2px;
  /*background:#ccc;*/
  transition:width 0.3s ;
}
.nav-link:hover:before {
  width:100%;
}
#logo_section3 .navbar-brand img {
  max-width: 200px; /* Ajusta el tamaño del logo según sea necesario */
  height: auto;
}
#logo_section3 .navbar-nav {
  margin-left: auto;
}


/* Safari 4.0 - 8.0 
@-webkit-keyframes X-animation {
  0%   {background: url('../img/EX-BK.png');}
  25%  {background: url('../img/EX-5L-RED.png');}
  50%  {background-color: blue;}
  100% {background-color: green;}
}
*/


.card-columns {
  @include media-breakpoint-only(xl) {
    column-count: 3;
  }
  @include media-breakpoint-only(lg) {
    column-count: 3;
  }
  @include media-breakpoint-only(md) {
    column-count: 3;
  }
  @include media-breakpoint-only(sm) {
    column-count: 1;
  }
}