.image_banner {
        height: auto;
        width: 100%;
    }

    @media(min-width:100px) and (max-width:599px) {
        .search {
            margin-left: 0;
            width: 37%;
        }

        .texto_container{
            margin-left: 2%;
        }

       .categorias_pesquisar{
          font-weight: 520;
          margin-left: 20px;
        }
        .categorias{
            font-weight: 520;
          
                }
        .cards_categorias{
            font-weight:520;
        }

        h3{
            font-weight:520;
        }

        .search_assuntos_nav {
            width: 93%;
            justify-content: center;
            display: flex;
            margin-left: 10px;
            margin-right: 10px;
            padding-bottom: 20px;
        }

        .texto-assunto_subcontainer {
            gap: 15px;
        }

        .form_assuntos {
            display: none;
        }

        #logo_perefeitura {
            width: 45%;
        }

        #logo_perefeitura img {
            margin-left: 5px;
            margin-top: 10px;
            width: 100%;
        }

        form {
            width: 100%;
            height: 30px;
        }

        #principais_assuntos {
            width: 100%;
            justify-items: center;
        }

        .cards_principais_container {
            width: 95%;
            height: auto;
            margin-left: 0;
            padding-bottom: 10%;
            margin-top: 1.5rem;
        }

        #first_container {
            margin-top: 0;
            display: block;
        }

        .cat_title{
        font-size: 20px;
        }

        #btn_login {
            display: none;
        }

        .input-search {
            width: 50%;
            font-size: smaller;
        }

        #Banner_container {
            width: 100%;
            margin-top: 0;
            height: auto;
            overflow: hidden;
            border-radius: 0;
        }

        #second_container {
            overflow: hidden;
            width: 100%;
            display: flex;
            align-items: center;
        }

        #second_container img {
            width: 100vw;
            object-fit: cover;
            filter: brightness(0.4);
            border-radius: 0;
            height: 35vh;
        }

        #text_container {
            position: absolute;
            background: none;
            width: 100%;
            z-index: 1;
            margin-top: 0;
        }

        #text_container h1 {
            margin-left: 20px;
            font-size: 220%;
            font-weight: 520;
            color: rgb(232, 232, 232);
        }

        .Subtitle_banner {
            margin-left: 20px;
            font-size: 97%;
            color: rgb(232, 232, 232);
            font-weight: 300;
            margin-top: 10px;
            width: 80%;
        }

        .assuntos_subcontainer {
            width: 100%;
            justify-items: center;
        }

        #destaques_container {
            display: none;
        }

    
        .Subtitle_categorias h2  {
            font-size: 148%;

        }

        #cards_categorias {
            justify-items: center;
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            column-gap: 0;
            width: 70vw;
        }

        #categorias_container {
            justify-items: center;

        }

        .card {
            width: 60vw;
            border: 2px solid #fcb045;
            border-radius: 5px;
            background-color: white;
            padding-bottom: 2vh;
            justify-content: center;
            height: auto;
            display: flex;
            flex-direction: column;
            text-align: center;
        }

        #content_container {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            gap: 50px;
            width: 100%;
        }


        footer {
            margin-top: 50px;
        }

        #container_footer {
            width: 100%;
            background-color: #fff;
            height:50px;
            display: flex;
            flex-direction: column;
            text-align: center;
        }

        .copy-rights {
            padding-top: 20px;
        }
    }

    @media(min-width:100px) and (max-width:599px) and (orientation: landscape) {
        .Subtitle_categorias {
            font-size: 90%;
            margin-top: 30px;
        }
    }

    @media(min-width:600px) and (max-width:899px) and (orientation: landscape) {
        .Subtitle_categorias {
            font-size: 90%;

        }
    }

    @media(min-width:862px){
        .Subtitle_categorias {
            font-size: 138%;
        }
    }

    @media(min-width:600px) and (max-width:899px) {
        .search {
            margin-left: 0;
            width: 35%;
        }
        .categorias_pesquisar{
          font-weight: 520;
          margin-left: 20px;
        }

        .search_assuntos_nav {
            width: 95%;
            justify-items: center;
            display: flex;
            margin-left: 7%;
            padding-bottom: 20px;
        }

        .form_assuntos {
            display: none;
        }

        #logo_perefeitura {
            width: 45%;
        }
        
        .cat_title{
        font-size: 23px;
        }

        #logo_perefeitura img {
            margin-left: 20px;
            margin-top: 10px;
            width: 80%;
        }

        form {
            width: 100%;
            height: 35px;
        }

        #principais_assuntos {
            width: 100%;
            margin-top: 1.2rem;
            justify-items: center;
            grid-template-columns: 1fr;
            display: grid;
        }

        .cards_principais_container {
            width: 95%;
            height: auto;
            margin-left: 0;
            padding-bottom: 7%;
            margin-top: 1.5rem;
        }

        .cards_principais_container:first-child {
            margin-top: 0;
        }

        #first_container {
            display: block;
            justify-items: center;
            margin-top: 0;
        }

        #btn_login {
            display: none;
        }


        .input-search {
            width: 50%;
            font-size: smaller;
        }

        #Banner_container {
            width: 100%;
            margin-top: 0;
            height: auto;
            overflow: hidden;
            border-radius: 0;
        }

        #second_container {
            overflow: hidden;
            width: 100%;
            display: flex;
            align-items: center;
        }

        #second_container img {
            width: 100vw;
            object-fit: cover;
            filter: brightness(0.4);
            border-radius: 0;
            height: 35vh;
        }

        #text_container {
            position: absolute;
            background: none;
            width: 100%;
            z-index: 1;
            margin-top: 0;
        }

        #text_container h1 {
            margin-left: 25px;
            font-size: 270%;
            font-weight: 520;
            color: rgb(232, 232, 232);
        }

        .Subtitle_banner {
            font-size: 17px;
            color: rgb(232, 232, 232);
            font-weight: 200;
            margin-top: 20px;
            width: 70%;

        }

        .assuntos_subcontainer {
            width: 100%;
            justify-items: center;
        }

        #destaques_container {
            display: none;
        }

        .Subtitle_categorias h2 {
            font-size: 148%;
        }

        #cards_categorias {
            justify-items: center;
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            column-gap: 0;
            width: 70vw;
        }

        #categorias_container {
            justify-items: center;

        }
        

        .card {
            width: 60vw;
            border: 2px solid #fcb045;
            border-radius: 5px;
            background-color: white;
            padding-bottom: 2vh;
            justify-content: center;
            height: auto;
            display: flex;
            flex-direction: column;
            text-align: center;
        }

        #content_container {
            display: flex;
            justify-content: center;
            align-items: center;
            text-align: center;
            gap: 50px;
            width: 100%;
        }

        #container_footer {
            width: 100%;
            background-color: #fff;
            height: auto;
            padding-bottom: 30px;
            display: flex;
            flex-direction: column;
            text-align: center;
        }


        .copy-rights {
            padding-top: 20px;
        }
    }

    /* @media(min-width:100px) and (max-width:1060px){
      .assuntos_container{
        height:auto;
        padding-bottom:50%;
      }

      .container_footer{
        position:absolute;
      }
    } */

        
    

    @media(min-width: 600px) and (max-width: 779px) {
        #cards_categorias {
            display: grid;
            grid-template-columns: 1fr;
            gap: 20px;
            column-gap: 35px;
            width: 90%;
        }

        .texto-assunto_subcontainer {
            gap: 15px;
        }
    }

    @media(min-width: 600px) and (max-width: 630px) {
        .Subtitle_banner {
            width: 70%;
        }
    }
    .categorias_pesquisar{
          font-weight: 520;
          margin-left: 20px;
        }

    @media(min-width:1301px) {
        .search {
            margin-left: 0;
            width: 35%;
        }

        form {
            width: 100%;
            height: 35px;
        }
    }

    @media(min-width:400) and (max-width:1050){
     
    }

    @media(min-width:1051px) and (max-width: 1300px) {
        #cards_categorias {
            display: grid;
            grid-template-columns: 1fr 1fr 1fr;
            gap: 20px;
            column-gap: 35px;
            width: 90%;
        }

        #first_container {
            display: block;
            margin-top: 0;
        }

        .nav-actions {
            margin-right: 40px;
        }

        .search_assuntos_nav {
            width: 95%;
            justify-items: center;
            display: flex;
            margin-left: 7%;
            padding-bottom: 20px;
        }

        .search {
            margin-left: 0;
            width: 26%;
        }

        form {
            width: 100%;
            height: 35px;
        }

        #logo_perefeitura {
            width: 25%;
        }

        #logo_perefeitura img {
            margin-left: 20px;
            margin-top: 10px;
            width: 100%;
        }

        .texto-assuntos_container {
            width: 100vw;
            padding-left: 2%;
        }

        #principais_assuntos {
            justify-items: center;
            display: grid;
            grid-template-columns: 1fr;
            margin-top: 1.5rem;
            margin-inline: 10px;
            width: 100%;
            margin-left: 0;
            gap: 5%;
        }
        
        .search_assuntos {
            margin-right: 15px;
            width: 120%;
        }

        .cards_principais_container {
            margin-left: 0;
            height: auto;
            padding-bottom: 7%;
        }

        header {
            display: block;
            height: auto;
        }

        #Banner_container {
            width: 100%;
            margin-top: 0;
            margin-left: 0;
            height: auto;
            overflow: hidden;
            border-radius: 0;
        }

        #second_container {
            overflow: hidden;
            width: 100%;
            display: flex;
            align-items: center;
        }

        #second_container img {
            width: 100vw;
            object-fit: cover;
            filter: brightness(0.4);
            border-radius: 0;
            height: 45vh;
        }

        #text_container {
            position: absolute;
            z-index: 1;
            background: none;
            width: 90%;
            margin-top: 0;
        }

        #text_container h1 {
            color: white;
            display: block;
            font-size: 300%;
        }

        #content_container {
            display: flex;
            gap: 50px;
            margin-top: 5vh;
        }

        .cards_principais_container:first-child {
            margin-bottom: 0;
            margin-left: 0;
        }

        #container_footer {
            background-color: #fff;
            height: auto;
            padding-bottom: 30px;
            display: flex;
            flex-direction: column;
            text-align: center;
        }
    }

    @media(min-width:900px) and (max-width: 1050px) {
        #first_container {
            display: block;
            margin-top: 0;
        }

        .search_assuntos_nav {
            width: 95%;
            justify-items: center;
            display: flex;
            margin-left: 7%;
            padding-bottom: 20px;
        }

        .form_assuntos {
            display: none;
        }

        #principais_assuntos {
            justify-items: center;
            gap: 3%;
            margin-top: 1.5rem;
            margin-inline: 10px;
        }

        form {
            height: 35px;
            margin-left: 0;
        }

        #cards_categorias {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 20px;
            column-gap: 35px;
            width: 90%;
        }

        .texto-assuntos_container {
            width: 100vw;
            padding-left: 2%;
        }

        #principais_assuntos {
            width: 98%;
            justify-items: center;
            display: grid;
            grid-template-columns: 1fr;
            gap: 5%;
            margin-top: 1.5rem;

        }

        .search_assuntos {
            margin-left: 0;
            width: 120%;
        }

        .cards_principais_container {
            width: 100%;
            height: auto;
            margin-bottom: 0;
            padding-bottom: 5%;
        }

        .cards_principais_container:first-child {
            margin-bottom: 0;
        }

        .search {
            margin-left: 0;
            width: 30%;

        }

        #logo_perefeitura {
            width: 30%;
        }

        #logo_perefeitura img {
            margin-left: 20px;
            margin-top: 10px;
            width: 100%;
        }

        header {
            display: block;
            height: auto;
        }

        #Banner_container {
            width: 100%;
            margin-top: 0;
            margin-left: 0;
            height: auto;
            overflow: hidden;
            border-radius: 0;
        }

        #second_container {
            overflow: hidden;
            width: 100%;
            display: flex;
            align-items: center;
        }

        #second_container img {
            width: 100vw;
            object-fit: cover;
            filter: brightness(0.4);
            border-radius: 0;
            height: 45vh;
        }

        #text_container {
            position: absolute;
            z-index: 1;
            background: none;
            width: 90%;
            margin-top: 0;
        }

        #text_container h1 {
            color: white;
            display: block;
            font-size: 300%;
        }

        #content_container {
            display: flex;
            gap: 50px;
            margin-top: 5vh;
        }

        #container_footer {
            background-color: #fff;
            height: auto;
            padding-bottom: 30px;
            display: flex;
            flex-direction: column;
            text-align: center;
        }

        


    }

    @media(min-width:200px) and (max-width: 1050px) {
        header {
            align-items: center;
        }

        aside {
            display: none;
        }

        #menu {
            display: block;
            margin-top: 10px;
        }
        .card_assunto {
            margin-bottom: 30px;
            width: 90%;
            height: auto;
            padding-bottom: 2%;
            font-size: small;
        }

        #logo_prefeitura{
            margin-left:100px;
        }

        .card_topico {
            justify-items: center;
            border-radius: 5px;
            border: 1px solid;
            display: grid;
            grid-template-rows: 1fr;
            overflow: hidden;
            height:auto;
            transition: height 0.4s ease-in-out;
            width: 90vw;
        }
        
        .legenda_assunto h6{
            margin:5px;
            font-size:16px;

        }
        .texto-assunto_subcontainer {
            margin-left: 4.5%;
        }

        .texto-assuntos_container h3 {
            font-size: larger;
            margin-top: 1%;
            width: 80%;
            margin-left: 3%;    
        }

        .assuntos_container {
            margin-left: auto;
            margin-right: auto;
        }

        #btn_login {
            display: none;
        }

        .rota_usuario {
            text-align: left;
            padding-bottom: 10px;
            margin-top: 3%;
            font-weight: 450;
            font-size: medium;

        }
        .cat_title{
            font-weight: 500;
        }
        .menu-icon {
            width: 27px;
            height: 20px;
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            cursor: pointer;
            margin: 15px;
        }
        .search-div{
            display: none !important;
        }

        .menu-icon span {
            display: block;
            height: 3px;
            background: #333;
            border-radius: 4px;
            width: 100%; 
            transition: 0.3s;  
            transform-origin: center;  
         
        }

        .menu-icon.active span:nth-child(1) {
            transform: translateY(8.5px) rotate(45deg);
        }
       .menu-icon.active span:nth-child(2) {
            width: 0%;
            opacity: 0;
       }

        /* Linha de baixo: gira 45 graus para cima */
        .menu-icon.active span:nth-child(3) {
            transform: translateY(-8.5px) rotate(-45deg);
        }

        .cards_principais_container {
            margin-left: 0;
        }

        .nav {
            position: fixed;
            right: -250px;
            width: 250px;
            height: auto;
            background: #4597cf;
            color: white;
            padding-top: 25px;
            transition: right 0.3s ease;
            padding-bottom: 5%;
            border-radius: 4px;
            text-align: left;
            z-index: 7;
        }

        nav a {
            display: block;
            padding: 15px;
            text-decoration: none;
            color: white;
        }

        nav.active {
            right: 0;

            position: absolute;
        }

        nav h3 {
            margin-left: 23%;
            font-size: 150%;
            font-weight: 600;
        }

        .cards_principais_container:first-child {
            margin-bottom: 0;
        }
    }

    @media(max-width:1464px) {

        button .fa-search {
            margin-right: 10px;
        }

        button {
            background-color: transparent;
        }

        .cards_principais_container {
            height: auto;
        }
    }

    @media(max-width:900px) {
        #Banner_container {
            margin-left: 0;
        }
    }

    @media(min-width: 1050px) {
        #menu {
            display: none;
        }
    }

    @media(min-width:1600px) {
        .title_categorias_destaque {
            font-size: larger;
        }

        #text_container h1 {
            font-size: 350%;
        }

        .Subtitle_banner {
            font-size: 150%;
        }
    }

    @media(max-height:680px) and (orientation: landscape) {

        #Banner_container {
            height: -90%;
        }

        #second_container img {
            height: 90vh;
        }
    }