* {
    margin: 0 ;
    padding: 0;
    box-sizing: border-box;
}

: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/Rectangle.svg');
    background-repeat: no-repeat;
    background-size: 100% auto;
    background-position-y: -105px;

}

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

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

.blank, .container-menu, .try-free {
    width: 30%;
}

.button-try-free {
    width: 35%;
}

.try-free-button {
    height: 35px;
    border: none;
    border-radius: 8px;
    background-color: var(--total-green);
}

.top-nav-logo {
    margin-left: 10%;
}

.solutions-item {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    justify-content: center;
}

.clients-img {
    width: auto;
    max-height: 70%;
}

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

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

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

@media (max-width: 575.98px) {

    body {
        background-size: 900px;
    }

    .container-pages-section, #name-email {
        flex-direction: column;
    }

    .pages-img, .pages-content {
        width: 90% !important;
        text-align: center;
    }

    .container-menu{
        width: 90%;
        justify-content: end !important;
    }

    .nav-content {
        flex-direction: column;
    }

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

    .top-content-container, .top-content-container h1 {
        width: 90% !important;
        margin: 20px !important;
        padding: 0 !important;
    }

    .nav-section, #landing-top-img {
        display:none;
    }

    .name-email, #message {
        width: 80% !important;
        padding: 5px !important;
    }

    #submit-message {
        width:100%;
    }

    #footer-img {
        padding: 20px !important;
    }

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




}