:root {
    /* Cores primárias */
    --back-blue: #BEE1E6;
    --black: #000;

    /* Cores secundárias */
    --cor-secundaria: #6c757d;
    --cor-secundaria-escura: #343a40;

    /* Cores de destaque */
    --total-green: #27C2AA;
    --light-blue: #BEE1E6;
    --color-white: #ffffff;
}

body {
    overflow-x: hidden;
    background-image: url('../img/RectangleLight.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position-y: -105px;
}

a {
    color:var(--black);
    text-decoration: none;
}

.logo-nav {
    width: 30%;
}

.img-int {
    width: auto;
    max-height: 75px;
}

.site-footer {
    background-color:#121212;
}

.list-group-item, .community-item{
    color: var(--color-white);
}

.community-item:hover{
    opacity:0.7;
}



@media (max-width: 800px) {

    .container-pages-section {
        flex-direction:column;
    }

    .pages-img{
        width: 55% !important;
        padding: 0 !important;
    }

    .nav-content {
        margin: 0 !important;
    }

    .pages-section {
        margin: 0 !important;
    }

    .pages-content {
        width: 100% !important;
        justify-content: center;
        text-align: center;
    }

}

@media (max-width: 575.98px) {

    body {
        background-size: 900px;
    }

    .top-nav-logo {
        width: 100% !important;
    }

    .nav-content {
        flex-direction: column;
        justify-content: center !important;
        margin: 0 !important;

    }

    .top-content-container, #top-content-title, .nav-img {
        width: 100% !important;
        text-align: center;
        padding: 0 50px 0 50px !important;
        margin:0 !important;
    }

    .pages-img{
        width: 100% !important;
        padding: 0 !important;
    }

    #footer-img-logo {
        width: 50% !important;
    }


}