/* DESKTOP */
@media (min-width: 772px) {
}

/* MOBILE */
@media (max-width: 772px) {
    #numeros {
      flex-direction: column;
      align-items: flex-start;
    }
    #numeros .numero-box {
        margin-bottom: 20px;
        border-left: none;
        border-bottom: 3px solid var(--cor-00);
        width: 100%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }
    .destaque .cont {
      padding: 50px 20px 60px;
    }
    .destaque .baixo {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      justify-content: space-between;
    }
    .destaque .baixo .video {
      width: 100%;
      margin-top: 50px;
    }
    .destaque .baixo .video .videoPreview {
      width: 100%;
      height: 200px;
    }
    #fotosEvento, .carousel-inner, .carousel-item {
        height: 200px;
    }
    .destaquesEvento .card  {
        width: 100%;
    }
    #agenda .evento {
      background-color: transparent;
    }
    #agenda .evento .dados{
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    #agenda .evento .data{
      border-radius: 20px 20px 0 0;
      width: 100%;
    }
    #agenda .evento .texto{
      border-radius: 0 0 20px 20px;
      width: 100%;
    }
    #agenda .evento .logo{
      width: 80%;
      padding: 15px 50px;
      border-radius: 0 0 20px 20px;
    }
    #rodape {
      flex-direction: column;
      align-items: center;
      justify-content: center;
    }
    .desenvolvido {
        text-align: center;
    }
}