@media screen and (max-width: 1000px)
{
    #inicio-title { font-size: 50px; }
}

@media screen and (max-width: 950px)
{
    #contacto { height: auto; min-height: auto; }
    #contacto-top { padding: 20px; padding-bottom: 40px; flex-wrap: wrap; align-items: center; }
    #contacto-item-1 { width: 100%; padding-bottom: 20px; margin-bottom: 20px; align-items: center; border-bottom: 1px solid var(--primary-border); }
}

@media screen and (max-width: 850px)
{
    #inicio-title { font-size: 40px; }
    #inicio-desc { font-size: 16px; }

    #menubar { display: none; }
    #menubar-mobile { display: block; }
}

@media screen and (max-width: 700px)
{
    #inicio-desc { width: auto; }

    #nosotros { height: auto; padding-top: 100px; }
    #nosotros-desc { width: auto; min-width: auto; }
    #nosotros-items-box { width: 340px; min-width: 320px; height: 490px; min-height: 490px; }
    .nosotros-items { width: 150px; min-width: 150px; height: 150px; min-height: 150px; }
    .nosotros-items > span { font-size: 14px; }

    #clientes { height: auto; padding-top: 100px; }
    #clientes-desc { width: auto; min-width: auto; }
    #clientes-items-box { max-width: 380px; }
    .clientes-items { width: 180px; min-width: 180px; }

    #abogados { height: auto; padding-top: 100px; }
    #abogados-desc { width: auto; min-width: auto; }
    #abogados-items-box { width: 420px; min-width: 420px; height: 280px; min-height: 280px; }

    #contacto-bottom { padding-left: 20px; padding-right: 20px; text-align: center; }
}

@media screen and (max-width: 500px)
{
    #abogados-items-box { width: auto; min-width: auto; height: auto; min-height: auto; margin-bottom: 0px; }
    .abogados-items { width: 100%; min-width: 100%; margin-bottom: 20px; }
    #clientes-items-box { flex-direction: column; justify-content: center; }
    #contacto-item-2 { margin-bottom: 40px; }
}