@media (min-width: 991.98px) {
    *{
        font-family: 'Montserrat', sans-serif;
        font-size: 20px;
    }
     
    body,a,ul,li{
         margin: 0;
         padding: 0;
         text-decoration: none;
         color: azure;
    }
     
    li{
         list-style-type: none;
    }
     
    p,a,li,span{
       font-size: 1em;
    }
     
    h1, h3{
       font-size: 1.2em;
    }
     
    h2{
       font-size: 1.6em;
    }
    h4{
       font-size: 1.1em;
    }
     
    .grid{
         display: grid;
         grid-template-columns: repeat(12, 1fr);
         box-sizing: border-box;
    }
    
    .container_geral{
        display: flex;
        flex-direction: column;
    }
    
    .imagem{
        max-height: 700px;
        max-width: 700px;
        height: 480px;

         width:100%;
        margin: auto;

    }

    .titulo {
      font-size: 3.2em;
      color: #F3B00F;
   }

    .imagem >img {
       display: block;
       width: 100%;
       height: 100%;
    }
    
    .anunciado{
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       height: 100%;
       font-size: 15px;
       color: #1F2326;
       margin: 10%;

       /* padding: 20px 40px 20px 40px; */
       text-align: center;
    }
    
    .anunciado > img{
       display: block;
       width: 20px;
       margin-top: 20px;
       margin-bottom: 20px;
    }
    .tittle{
       
      font-size: 2.8em;
      color: #F3B00F;
      align-self: center;
      margin-top: 30px;
      margin-bottom: 30px;

    }
    .main-text{
      font-size:1.2em;
   }
    .anunciado span:nth-child(1){
        font-size: 20px;
       font-weight: bold;
       font-style: italic;
       color: #1F2326;
    }
    
    .anunciado span:nth-child(3){
       color: #1F2326;
    }
    
    
    .instrucoes{
       display: flex;
       align-items: center;
       flex-direction: column;
       padding: 25px 60px 25px 60px;
       height: 300px;
       background-color: #F2EEED;
       margin-bottom: 180px;
    }
    
    .instrucoes > cite{
       color: #F3B00F;
       font-weight: bold;
       text-align: center;
       margin-bottom: 10px;
    }
    
    .instrucoes > span{
       color: black;
       text-align: center;
    }
    
    .instrucao_flutuante{
        width: 480px;
       height: 170px;
       position: relative;
       top: 50px;
       text-align: center;
       color: black;
       padding: 15px 20px 15px 20px;
       border: 3px solid #CCA577;
       background-color: white;
    }
    
    .instrucao_flutuante2{
       position: relative;
       top: 35px;
       background-color: #CCA577;
       text-align: center;
       padding: 15px;
       color: white;
       font-weight: bold;
       font-style: italic;
    }
    
    #perguntas{
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       padding: 30px;
    }
    
    #container_cards{
       display: flex;
       flex-direction: column;
       width: 100%;
       padding-top: 10px;
       padding-bottom: 10px;
    }
    
    .pergunta_opcoes{
       display: flex;
       flex-direction: column;
       justify-content: center;
       align-items: center;
       padding: 25px;
    }
    
    .pergunta_opcoes > span{
       color: #707070;
       font-weight: bold;
       text-align: center;
    }
    
    .pergunta_opcoes > div{
      display: flex;
      align-items: center;
      padding: 10px;
   }
    
    .invisible{
       display: none;
    }
    
    #seta_seguir{
       font-size: 20px;
       font-weight: bolder;
       font-style: italic;
       align-items: center;
       justify-content: center;
       background-color: #BF0F0F;
       height: 40px;
       width: 150px;
       margin: 5px;
    }
}