@media (min-width: 1024px) {
    /* area com fundo do mac */
    section.area-pesquisa {
        background-image: url(../img/MAC.jpg);
        width: 100%;
        height: 400px;
        padding: 10px;
        display: block;
        justify-content: center;
        text-align: center;

        margin: 0em auto;

        position: relative;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
    }
    /* parte de fora do form */
    form.pesquisa {
        background-color: white;
        display: flex;
        flex-direction: row;
        margin: 13em auto;
        justify-content: center;
        text-align: center;
        align-items: center;
        width: 30%;
        height: auto;
        padding: 10px;
        border-radius: 2em;
        position: relative;
    }
    /* parte de dentro */
    label.pesquisa {
        display: flex;
        text-align: center;
        width: 5%;
        font-weight: bold;
        font-style: italic;
        font-size: 1.1em;
        margin: auto;
        justify-content: center;
        color: black;
        background-color: blueviolet;
    }
    /* icone de pesquisa */
    form.pesquisa i {
        display: flex;
        position: absolute;
        margin-left: 1em;
        transform: translateY(-50%);
        color: #7e7c7c; /* Cor da lupa */
    }
    /* escrita do form */
    input.pesquisa[type=text] {
        color: black;
        display: flex;
        justify-content: left;
        text-align: left;
        width: 100%;
        height: auto;
        padding: .3em .3em .3em 2em;
        margin: auto;
        font-size: .9em;
        font-weight: bold;
        font-style: italic;
        border-radius: .7em;
    }
    /* texto escrito dentro para ajuda de usuario */
    input.pesquisa::placeholder {
        color: #7e7c7c;
        font-style: italic;
        font-size: 15px;
    }
    /* novo form */
    
    #busca {
        background: #f5f5f5 url(/assets/searchicon.png) no-repeat 10px 10px;
        background-size: 25px;        
        width: 100%;
        font-size: 16px;
        padding: 12px 20px 12px 40px;
        border: 1px solid rgb(206, 205, 205);
        margin-bottom: 20px;
  }
    /* Aviso erro */
    #errorMessage{
        display: none; 
        text-align: center;
        margin: auto;
        color: #fff; 
        margin-top: -12em;
        background: #f8961e;
        background: -webkit-linear-gradient(top, #f9c74f, #f9844a);
        background: -o-linear-gradient(top, #f9c74f, #f9844a);
        background: -moz-linear-gradient(top, #f9c74f, #f9844a);
        background: linear-gradient(top, #f9c74f, #f9844a);
        border-radius: 2em;
        width: 10em;
        height: 5.5em;
        padding: .6em;
        box-shadow: 0px 4px 15px 0px rgba(74,74,74,0.49);
    }

    .topicos-section{
        min-height: 45vh;
        
    }

    /* Titulo  */
    .topicos{
        display: block;
        margin: 1.5em auto .7em;
        text-align: center;
        justify-content: center;
        font-weight: bold;
    }
    .hidden {
        display: none;
    }
    /* Parte com boostrap */
    #accordionFlushExample{
        width: 80%;
        margin: 5em auto ;
        border: 1px solid black;
    }
    .accordion-button{
        font-size: 1.2rem;
    }
    .hidden-content{
        display: none;
    }
    
}