@import url("fonts.css");

img {
  max-width: 100% !important;
}
body {

}


#footer ul.socials li {
  width: 60px;
}


@media (max-width: 767px) {
   .mb-xs-15 {
    margin-bottom: 15px;
   }


   .pv-xs-20 {
    padding: 20px 0;
   }

   #footer p {
    margin-bottom: 0;
    font-size: 14 !important;
    text-align: center;
  }

  #footer p span {
    font-size: 14px !important;
  }
  #footer .socials-wrapper {
    text-align: center;
  }
}

@media (min-width: 1px) {
  .MenuSup {
   font-size:12px ;letter-spacing:1px;
  }
      .SubMenu
    {
        font-size:12px;
    }
    .quitarPeque
    {
        display: none;
    }

     .d-block-xs {
    display: block;
  }


}
@media (min-width: 768px) {
  .MenuSup {
   font-size:12px ;letter-spacing:1px;
  }
      .SubMenu
    {
        font-size:12px;
    }
    .quitarPeque
    {
        display: block;
    }
  .d-block-sm {
    display: block;
  }
  .mv-upperxs-40 {
    margin: 40px 0;
  }
}
@media (min-width: 992px) {
  .MenuSup {
    font-size:16px ;letter-spacing:2px;
  }
      .SubMenu
    {
        font-size:16px;
    }
    .quitarPeque
    {
        display: block;
    }
}
@media (min-width: 1200px) {
  .MenuSup {
    font-size:20px ;letter-spacing:3px;
  }
    .SubMenu
    {
        font-size:20px;
    }
    .quitarPeque
    {
        display: block;
    }

}

@keyframes abrir
{
    0% {width:0px;
        height:0px;
        background-color:white;
    }
    100% {width:100%;
        height:500px;
        background-color:#c3023c;
    }

}

@keyframes cerrar
{
    0% {width:100%;
        height:500px;
        background-color:#c3023c;
    }
    100% {width:0px;
        height:0px;
        background-color:White;
    }
}