@media (min-width: 1024px) {
  .onlyMobile {
    display: none;
  }
  html {
    scroll-behavior: smooth;
  }
  .css-1p7hvmc {
    height: 100vh;
    width: 100vw;
    padding: 0 !important;
    margin: 0 !important;
  }
  body
  {
    font-family: 'Poppins', sans-serif;
  }
  .c-one
  {
    color: rgb(82,154,217)
  }
  .c-two
  {
    color: rgb(132,108,217)
  }
  .c-three
  {
    color: rgb(29,221,242)
  }
  .c-four
  {
    color: rgb(242,41,229)
  }
  #mainNavBar
  {
    width: 100vw;
  }
  .navbar-brand
  {
    vertical-align: bottom;
  }
  .ff-chaknuul
  {
      font-family: 'Sirin Stencil', sans-serif;
  }
  .chaknuul-main
  {
      font-family: 'Sirin Stencil', sans-serif;
      font-size: 30px;
      color: white;
  }
  .lema-main {
    color: white;
  }
  .chaknuul 
  {
      font-family: 'Sirin Stencil', sans-serif;
      font-size: 2vw;
      color: white;
  }
  .poppins 
  {
      font-family: 'Poppins', sans-serif;
  }

  * {
    margin: 0;
    padding: 0;
  }
  .chaknuul-navbar
  {
      font-family: 'Sirin Stencil', sans-serif;
      font-size: 28px;
  }
  .navbar {
    height: 8vh !important;
  }

  .zona1 {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url("./images/background.png");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
  }
  .zona2 {
    position: relative;
    width: 100%;
    height: 100vh;
    background: url("./images/background.jpg");
    background-size: cover;
    background-position: center center;
    background-attachment: fixed;
  }
  h6, hr {
    color: white;
  }
  h7 {
    margin: 10px;
  }
  .snap-container {
    height: 100vh;
    padding: 0;
    min-height: 100vh;
    /*background-image: linear-gradient(rgb(82,154,217,0.0), rgb(82,154,217,0.3), rgb(82,154,217,1));*/
    background-image: linear-gradient(rgb(82,154,217,1), rgb(0,0,0,0.3), rgb(0,0,0,1));
  }
  .floatingNavBar {
      background-color: black;
      width: 100%;
      height: 6vw;
      padding-left: 15vw;
      padding-right: 15vw;
      color: white;
      align-content: center;
  }
  .logoPresentacion-navbar {
    align-self: center;
    height: 4vw;
  }
  .logoPresentacion {
    align-self: center;
    height: 6vw;
  }
  .menuRight {
    padding-top: 1vw;
    float: right;
    font-size: 1.5vw;
  }
  a {
    color: white;
    text-decoration: none;
  }
  .PresentacionChaknuul {
    align-content: center;
    height: 13vw;
    padding-left: 5vw;
    padding-right: 5vw;
    /*background-image: linear-gradient(0.25turn, rgb(82,154,217,1), rgb(132,108,217,0.5), rgb(255,255,255,0.5), rgb(255,255,255,0.5), rgb(255,255,255,0.5), rgb(132,108,217,0.5), rgb(82,154,217,1));*/
  }
  .eventosPc {
    height: calc(100% - 22vw);
    padding-left: 8vw;
    padding-right: 8vw;
    padding-top: 1vw;
    padding-bottom: 5vw;
    display: flex;
  }
  .uno {
    background-color: aqua;
    margin: 5px;
    width: 40%;
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .dos {
    background-color: black;
    margin: 5px;
    width: 20%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .tres {
    background-color: black;
    margin: 5px;
    width: 20%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .cuatro {
    background-color: black;
    margin: 5px;
    width: 20%;
    background-position: top;
    background-size: cover;
    background-repeat: no-repeat;
    border-radius: 10px;
  }
  .cardMain {
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 10px;
    position: relative;
    opacity: 0;
  }
  .cardMain:hover {
    width: 100%;
    height: 100%;
    display: flex;
    border-radius: 10px;
    position: relative;
    opacity: 1;
    transition: opacity .8s ease-out;
  }
  .cardBot {
    width: 100%;
    height: 100%;
    background-color: rgb(0,0,0,0.3);
    border-radius: 10px;
    position: relative;
  }
  .tituloCardPc {
    width: 100%;
    height:50px;
    background-color:rgb(82,154,217,0.8);
    color:#FFF;
    text-align:center;
    padding: 1px;
    font-size:16px;
    z-index:100;
    position: relative;
    padding: 15px;
    bottom: calc(-100% + 50px);
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }
  .whatsapp {
    width: 100%;
    height:50px;
    background-color:#25d366;
    color:#FFF;
    text-align:center;
    padding: 1px;
    font-size:16px;
    z-index:100;
    position: relative;
    padding: 15px;
    bottom: calc(-100% + 50px);
    border-bottom: 10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
  }

}