#container{
        width: 70%;
        margin: auto auto 2% auto;
        padding: 0%;
        border-radius: 1em;
        }.title-v{
            display: flex;
            flex-direction: row;
            align-items: end;
            justify-content: space-between;
            height: 2%;
            margin: 0 0 2% 0;
            text-align: center;
            border-bottom: solid 0.2em var(--verde-escuro);
            }.title-v > h1{
                font-family: var(--fonte-bold);
                color: var(--verde-escuro);
                font-size: 2,5em;
                margin: 0;
            }.title-v > h3{
                font-size: 1.2em;
                color: var(--verde-escuro); 
        }.vereadores{
            display: grid;
            width: 100%;
            grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
            grid-template-rows: repeat(auto-fill, minmax(200px, 1fr));
            gap: 10px;
            padding: 1%;
            margin-bottom: 2%;            
            }.card-vereador{
                justify-items: center;
                width: 100%;
                padding-top: 4%;
                border-radius: 0.6em;
                box-shadow: 0px 0px 10px rgb(0, 0, 0, 15%);
                }.card-vereador > img{
                    width: 90%;
                    max-width: 322px;
                    border-radius: 0.5em;     
            }.card-vereador-md{
                justify-items: center;
                width: 100%;
                border-radius: 0.6em;
                box-shadow: 0px 0px 10px rgb(0, 0, 0, 15%);
                }.card-vereador-md > img{
                    width: 90%;
                    max-width: 322px;
                    border-radius: 0.5em;
                }.status-v{
                    padding: 0;
                    margin: 0;
                    }.status-v > p{
                        padding: 1% 0 1% 0;
                        color: var(--verde-escuro);
                        margin: 0;
                }.txt-cardv{
                    justify-items: center;
                    text-align: center;
                    width: 100%;
                    color: var(--verde-escuro);
                    margin: 0 0 1% 0;
                    padding: 1.5% 0 1% 0;
                    }.txt-cardv > h5{
                        font-family: var(--fonte-bold);
                        margin: 0;
                    }.txt-cardv > p{
                        font-family: var(--fonte-regular);
                        margin: 0;
                }.bt-card-v{
                    width: 100%;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    padding: 1%;
                    background-color: var(--verde-alternativo);
                    transition-duration: 0.5s;
                    }.bt-card-v:hover{
                        background-color: var(--verde-escuro);
                        color: var(--branco);
                    }.bt-card-v-link{
                        color: var(--branco);
                        text-decoration: none;
                        }.bt-card-v-link > p{
                            margin: 0;
                            padding: 0;
                            font-family: var(--fonte-bold);
                        }

/*----------------------------------- Media Query -------------------------------*/

@media (min-width: 0px) and (max-width: 576px) {

    #container{
        width: 100%;
        margin: 5% 0 10% 0;
        }.title-v{
            display: block;
            margin: 8% 0 5% 0;
            border-bottom: solid 0.1em var(--verde-escuro);
            }.title-v > h1{
                font-size: 2em;
                margin: 0;
            }.title-v > h3{
                font-size: 1em;
        }.vereadores{
            display: flex;
            flex-direction: row;
            flex-wrap: wrap;
            justify-content: safe;
            margin: auto;
            width: auto;
        }.card-vereador{
            justify-content: center;
            width: 48%;
            }.card-vereador > img{
                margin: auto;
                width: 90%;
                padding: 0;
        }.card-vereador-md{
            justify-items: center;
            width: 48%;
            margin:0;
            }.status-v{
                padding: 0;
                margin: 0;
                }.status-v > p{
                    text-align: center;
                    font-size: 0.8em;
                    padding: 1% 0 1% 0;
            }.card-vereador-md > img{
                margin: auto;
                width: 90%;
            }.txt-cardv > h5{
                font-size: 1em;
            }
            
                
}@media (min-width: 577px) and (max-width: 768px) {

}