body {
    font-family: 'Source Sans Pro', sans-serif !important;
}

.logo-img {
    height: 50px;
}

.nav-principal {
    /* background-color: #252525f1; */
    background-color: #000000;
    opacity: 1;
    background-image: linear-gradient(30deg, #1d1d1d 12%, transparent 12.5%, transparent 87%, #1d1d1d 87.5%, #1d1d1d), linear-gradient(150deg, #1d1d1d 12%, transparent 12.5%, transparent 87%, #1d1d1d 87.5%, #1d1d1d), linear-gradient(30deg, #1d1d1d 12%, transparent 12.5%, transparent 87%, #1d1d1d 87.5%, #1d1d1d), linear-gradient(150deg, #1d1d1d 12%, transparent 12.5%, transparent 87%, #1d1d1d 87.5%, #1d1d1d), linear-gradient(60deg, #1d1d1d77 25%, transparent 25.5%, transparent 75%, #1d1d1d77 75%, #1d1d1d77), linear-gradient(60deg, #1d1d1d77 25%, transparent 25.5%, transparent 75%, #1d1d1d77 75%, #1d1d1d77);
    background-size: 28px 49px;
    background-position: 0 0, 0 0, 14px 25px, 14px 25px, 0 0, 14px 25px;
}

a.nav-link {
    font-size: 18px;
}

.icono-menu {
    font-size: 30px;
    color: white;
}

.margin-top {
    margin-top: 76px;
}


/* footer  */

footer {
    color: white;
    background-color: #000000;
    opacity: 1;
    background-image: linear-gradient(30deg, #1d1d1d 12%, transparent 12.5%, transparent 87%, #1d1d1d 87.5%, #1d1d1d), linear-gradient(150deg, #1d1d1d 12%, transparent 12.5%, transparent 87%, #1d1d1d 87.5%, #1d1d1d), linear-gradient(30deg, #1d1d1d 12%, transparent 12.5%, transparent 87%, #1d1d1d 87.5%, #1d1d1d), linear-gradient(150deg, #1d1d1d 12%, transparent 12.5%, transparent 87%, #1d1d1d 87.5%, #1d1d1d), linear-gradient(60deg, #1d1d1d77 25%, transparent 25.5%, transparent 75%, #1d1d1d77 75%, #1d1d1d77), linear-gradient(60deg, #1d1d1d77 25%, transparent 25.5%, transparent 75%, #1d1d1d77 75%, #1d1d1d77);
    background-size: 28px 49px;
    background-position: 0 0, 0 0, 14px 25px, 14px 25px, 0 0, 14px 25px;
    font-size: 18px;
}

.footer-copy {
    font-size: 20px;
    background-color: #333333;
    text-align: center;
}

.footer-link {
    color: #888888;
    transition: all .5s;
}

a.footer-link:hover {
    color: white;
    transition: all .5s;
}

.ft-30 {
    font-size: 30px;
}


/* home  */

.titulo-principal {
    font-weight: 400;
}

.parallax {
    /* The image used */
    background-image: url("../img/rodamientos-agujas.jpg");
    /* Set a specific height */
    min-height: 125px;
    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.icono-datos {
    color: red;
    font-size: 88px;
}

.span-datos {
    font-size: 1.5em;
    text-align: center;
}


/* nosotros  */

.info-contacto {
    font-size: 20px;
}

input[type="number"] {
    -webkit-appearance: textfield !important;
    -moz-appearance: textfield !important;
    appearance: textfield !important;
}

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    -webkit-appearance: none !important;
}

.h-85vh {
    height: 85vh;
}

.w-imgcart {
    width: 150px;
}

.tblpr {
    min-height: 70vh;
}