.icone__check{
   width: 100%;
   max-width: 2.8rem;
}

@media screen and (min-width: 769px){
   body {
      font-family: 'Nagel';
      font-weight: 500;
      color: var(--dark-color);
      background-color: var(--primary-color);
      max-height: 970px;
      height: 100vh;
      background: url(../images/foto-geral.webp) no-repeat;
      background-position: right bottom;
      background-size: contain;
      background-color: #fcbd22;
      z-index: 10;
   }

   .logo__desktop{
      position: absolute;
      right: 16rem;
      bottom: 3rem;
      width: 100%;
      max-width: 7.9375rem;
   }

   
   .content-middle {
    transform: none;
   }

   #big-title h1 {
    font-size: 4.5rem;
    font-family: 'Nagel VF';
    font-weight: 500;
   }
   h1 .h1-span{
      font-size: 3rem;
      font-weight: bold;
   }
   h1 .checked {
      width: 100%;
      /* margin-top: 0!important; */
      margin-top: -8px !important;
      transform: translateX(-15px);
   }
   /* html{
      background-image: url('../images/element-bg-desktop.webp')!important;
      background-repeat: no-repeat;
      background-position: right center;
      z-index: 5;
   } */
   .btn-outline-dark {
    --bs-btn-color: #000;
   }
   .menu-desktop{
      width: 100%;
      max-width: 390px;
      margin-left: 10%;
   }
   .box-prova .text-1 {
      color: #ffc100;
   }
   .side-text {
    position: absolute;
    top: 30%;
   }
   .box-evento .event-title{
      background-color: #fff;
   }
   .box-evento {
    position: relative;
    margin: 3vh 0 5vh;
    width: auto;
    position: relative;
    border: 2px solid #ffc100;
    text-align: center;
    white-space: nowrap;
    padding: 15px 35px 5px;
    line-height: 1;
   }
   #social {
      position: absolute;
      bottom: 0;
      left: 42%;
   }
   .pensi-mais-segmento{
      top: -5px;
   }
   h1.infantil{
      font-size: 3.3rem!important;
   }
   h1.fundamental{
      font-size: 3.3rem!important;
   }
   h1.medio{
      font-size: 3.8rem!important;
   }
   h1.medio > .medio-text-3{
      font-size: 1.75rem!important;
      margin-top: 0.8rem;
   }

   h1.preparatorio{
      font-size: 3rem!important;
   }
   h1.preparatorio > .preparatorio-text-3{
      font-size: 3.1rem!important;
   }
   h1.preparatorio > .preparatorio-text-4{
      font-size: 1.2rem!important;
      margin-top: 0.3rem;
   }
   h1.mais{
      font-size: 3.3rem!important;
   }
      

}



@media screen and (max-width: 1600px) {
   .fs-3 {
        font-size: 1.4rem !important;
   }
   .text-info-custom {
      font-size: 0.8rem;
    }

}

@media screen and (max-width: 1400px) {
   body{
        background-position: calc(100% + 7rem) center;
   } 
}

@media screen and (max-width: 1366px) {
   body{
        background-position: calc(100% + 0rem) center;
   } 
   #social {
      position: absolute;
      bottom: 0;
      left: 45%;
   }
}

@media screen and (max-width: 1280px) {
   body{
        background-position: calc(100% + 5rem) center;
   }
   #big-title h1 {
   font-size: 4.2rem;
   }
   .geral h1 .checked {
        width: 100%;
        margin-top: -20px !important;
        transform: translateX(-15px);
    }
    .fs-3 {
        font-size: 1.2rem !important;
    }
    .side-text-content{
      font-size: 11px;
    }
}

@media screen and (max-width: 768px) {
   body{
      background-position: right bottom;
      padding-bottom: 280vw;
   } 
    #big-title {
        width: 100%;
    }
   .box-evento .event-title{
      font-size: 2.2rem;
    }
   .box-inscreva .box-evento {
      justify-content: center;
   }
   .box-prova .text-1 {
      font-size: 3.2rem;
   }
   .btn-outline-dark {
    --bs-btn-color: #000;
   }
   .box-links a {
      border: 2px solid #000000 !important;
      padding-top: 2vw !important;
      padding-bottom: 2vw !important;
      font-size: 2.8rem !important;
   }
   .geral__desktop{
      display: none;
   }

   .geral{
      font-size: 3rem!important;
      margin-top: 6rem;
   }
   .medio-text-3{
      font-size: 1.75rem!important;
      margin-top: 0.8rem;
   }
   .text-info-custom {
        font-size: 1.2rem;
    }
    #big-title h1 {
    font-size: 3.3rem;
    }
    .checked,
   .h1-span {
      text-align: left;
   }
   .box-prova {
      padding: 8px;
      max-width: 145px !important;
   }
   .btn-mobile{
      flex-direction: column;
      flex-wrap: wrap;
      margin-left: 3rem;
      padding-top: 9rem;
   }
 
   .btn-mobile img{
      width: 100%;
      max-width: 150px;
   }
   #social{
      display: none!important;
   }
   /* .span-2{
      left: -9rem!important;
   } */
    /* .h1-span{
      display: flex;
      flex-wrap: wrap;
    } */
      .geral h1 .checked {
        width: 100%;
        margin-top: 0px !important;
        transform: translateX(-40px)!important;
    }

}