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

.container-footer {
    width: 100%;
    /* height: 432px; */
    padding: 50px 120px 0px 120px;

    background: #F5F5F5;
}
.row {
    display: flex;
}

.logo_playbonds {
    width: 144px;
    height: 57px;
    flex-grow: 0;
    margin: 0 297px 37px 0;
}

img.logo {
    width: 100%;
}

.somos-fornecedores-de-solues-de-jogos-online-e-offline {
   display: block;
   width: 80%;
   height: 44px;

   font-family: 'Poppins', sans-serif;
   font-style: normal;
   font-weight: 400;
   font-size: 16px;
   line-height: 22px;

   /* Preto */

   color: #191919;
}
div.links {
    display: flex;
}

ul.links {
    display: flex;
    justify-content: flex-end;
}

li.text-footer {
    display: flex;
    margin: 0 0 24px 0;
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 21px;
    text-decoration: none;

    color: #191919;
}

a.nav-link {
    font-family: 'Poppins',
    sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 14px;
    line-height: 22px;
}

.text-footer, 
a.incio {
   width: max-content;
   height: 22px;
   margin: 0 0 24px 0;
   padding-right: 0.5rem;
   padding-left: 0.5rem;
}
.text-footer, 
a.sobre-ns {
   width: max-content;
   height: 22px;
   margin: 0 0 24px 0;
}
.text-footer, 
a.nossos-produtos {
   width: max-content;
   height: 22px;
   margin: 0 0 24px 0;
}
.text-footer, 
a.trabalhe-conosco {
   width: max-content;
   height: 22px;
   margin: 0 0 24px 0;
}
.text-footer, 
a.contato {
    width: max-content;
    height: 22px;
    margin: 0 0 24px 0;
}

.pie {
     width: 65%;
     height: 44px;
     margin: 35px 0 24px 0;

    font-family: 'Poppins', sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 16px;
    line-height: 22px;
    text-decoration: none;

    color: #000000;
}

span#terminos {
    margin-top: 0px;
}

.facebook {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    line-height: 55px;
    margin: 0 15px 0px 0px;

    color: #191919;
}

.instagram {
    font-family: 'Font Awesome 5 Brands';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    margin: 0 15px 0px 0px;

    color: #191919;
}

.youtube {
    font-family: 'Font Awesome 6 Brands';
    font-style: normal;
    font-weight: 400;
    font-size: 24px;
    margin: 0 40px 0px 0px;
    
    color: #191919;
}

/************* Responsive ****************/

@media screen and (min-width: 320px) and (max-width: 480px) {
    .container-footer {
        width: 100%;
        height: 507px;
        padding: 15px 10px 15px 10px;
    }

    .container.container-xs {
        max-width: 480px;
    }

    .logo_playbonds {
        width: 144px;
        height: 57px;
        flex-grow: 0;
    }

    img.logo {
        width: 100%;
        margin: 15px 18px;
    }

    .row {
        display: flex;
        margin-top: 20px;
    }

    .somos-fornecedores-de-solues-de-jogos-online-e-offline {
        display: flex;
        width: 100%;
        height: 25px;
        /* margin: -20px 0px; */

        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;

        color: #191919;
    }

    .facebook {
        font-family: 'Font Awesome 6 Brands';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 80px;
        margin: 0 -10px 0px 0px;

        color: #191919;
    }

    .instagram {
        font-family: 'Font Awesome 5 Brands';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 28px;
        margin: 0 -30px 0px 20px;

        color: #191919;
    }
    
    .youtube {
        font-family: 'Font Awesome 6 Brands';
        font-style: normal;
        font-weight: 400;
        font-size: 24px;
        line-height: 24px;
        margin: 0 7px 0px 40px;

        color: #191919;
    }


    ul.links {
        display: flex;
        justify-content: flex-start;
        flex-direction: column;
        margin-left: -40px;
    }

    li.text-footer {
        display: flex;
        margin: 5px 0 15px 0;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 16px;
        line-height: 21px;
        text-decoration: none;
        color: #191919;
    }

    span.text-footer {
        display: inline-grid;
        margin: 0 0 24px 0;
        font-family: 'Roboto';
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 19px;
        text-decoration: none;

        color: #191919;
    }

    span.text-footer,
    a.incio {
        width: auto;
        height: 22px;
        margin: 0 0 24px 0;
    }

    span.text-footer,
    a.sobre-ns {
        width: auto;
        height: 22px;
        margin: 0 0 24px 0;
    }

    span.text-footer,
    a.nossos-produtos {
        width: auto;
        height: 22px;
        margin: 0 0 24px 0;
    }

    span.text-footer,
    a.trabalhe-conosco {
        width: auto;
        height: 22px;
        margin: 0 0 24px 0;
    }

    span.text-footer,
    a.contato {
        width: auto;
        height: 22px;
        margin: 0 0 24px 0;
    }

    .pie {
        width: 70%;
        height: 34px;
        margin: 5px 0px 0px 0px;

        font-family: 'Poppins', sans-serif;
        font-style: normal;
        font-weight: 400;
        font-size: 14px;
        line-height: 16.8px;

        color: #000000;

    }
}