.head__nosotros {
    color: var(--white);
    text-shadow: 0px 0px 8px rgb(0 0 0 / 50%), 0px 0px 8px rgb(0 0 0 / 50%);
    font-size: 1.3rem;
    height: auto;
    background: url(../img/nosotros.jpg) no-repeat center center;
    padding: .5rem 2rem 5rem;
    background-size: cover;
}

.head__paragraph {
    text-align: justify;
    margin: auto;
    text-indent: 40px;
}

.head__img {
    margin: auto;
}

.paragraph {
    margin-top: 1.5rem;
}

.nosotros__content a {
    text-decoration: none;
    color: var(--white);
}

.nosotros__content a:hover {
    text-decoration: none;
    color: var(--green);
    transform: scale(1.2);
}

.head__historia,
.head__mision {
    color: var(--fonts);
    font-size: 1.3rem;
    line-height: 40px;
    height: auto;
    background: url(../img/historia-quibermex.jpg) no-repeat center center;
    padding: .5rem 2rem 5rem;
    background-size: cover;
}

.head__contacto {
    color: var(--fonts);
    font-size: 1.3rem;
    line-height: 40px;
    height: auto;
    background: url(../img/historia-quibermex.jpg) no-repeat center center;
    padding: .5rem 2rem 1rem;
    background-size: cover;
}

.head__services {
    color: var(--white);
    text-shadow: 0px 0px 8px rgb(0 0 0 / 50%), 0px 0px 8px rgb(0 0 0 / 50%);
    font-size: 1.3rem;
    height: auto;
    background: url(../img/atencion-personalizada.jpg) no-repeat center center;
    padding: .5rem 2rem 5rem;
    background-size: cover;
}

.head__proveedor {
    color: var(--white);
    text-shadow: 0px 0px 8px rgb(0 0 0 / 50%), 0px 0px 8px rgb(0 0 0 / 50%);
    font-size: 1.3rem;
    height: auto;
    background: url(../img/proveedor_materias-prima.jpg) no-repeat center center;
    padding: .5rem 2rem 5rem;
    background-size: cover;
}

.head__location {
    color: var(--white);
    text-shadow: 0px 0px 8px rgb(0 0 0 / 50%), 0px 0px 8px rgb(0 0 0 / 50%);
    font-size: 1.3rem;
    height: auto;
    background: url(../img/ubicacion-quibermex.jpg) no-repeat center center;
    padding: .5rem 2rem 5rem;
    background-size: cover;
}

.form__contacto {
    width: 100%;
    color: var(--white);
    text-shadow: 0px 0px 8px rgb(0 0 0 / 50%), 0px 0px 8px rgb(0 0 0 / 50%);
    font-size: 1.3rem;
    height: auto;
    background: url(../img/contacto.jpg) no-repeat center center;
    padding: .5rem 2rem 5rem;
    background-size: cover;
}

.list,
.list_hist {
    list-style: none;
}

.note {
    font-weight: bold;
    text-align: left;
    font-size: 1rem;
}