.logosyDirectorio {
    background-image: url(/imagenes/fondoDirectorio.png);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: cover;
}

.fondoFlotillas {
    text-align: center;
    background-size: 100%;
    background-image: url(/imagenes/seminuevos/Background_Texture2.png);
}

.autosFlotillas {
    width: 100%;
}

.fondoPortafolio {
    background-image: url(/imagenes/flotillas/fondoPortafolio.png);
    width: 100%;
    background-repeat: no-repeat;
    background-position: bottom right;
    text-align: center;
    position: relative;

}

/* .containerPortafolio{
    position: relative;    
} */


.containerPortafolio {
    min-height: 476px;
    max-width: 800px;
    background: rgb(0, 0, 0);
    background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.28343837535014005) 100%);
    background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.28343837535014005) 100%);
    background: linear-gradient(180deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0.28343837535014005) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
}



/* // X-Small devices (portrait phones, less than 576px) */
@media (min-width: 0px) {
    .barraTextoSeminuevos {
        font-family: CastleT;
        color: white;
        padding: .5em;
        letter-spacing: 1px;
        font-size: 0.9em;
    }

    .tituloFlotillas {
        font-family: CastleT;
        font-size: 1em;
        font-weight: bold;
    }

    .textoFlotillas {
        font-family: CastleT;
        font-size: 0.9em;
    }

    .columnasFlotillas {
        padding-top: .7em;
        padding-bottom: .7em;
    }

    .botonFlotillas {
        width: 50%;
    }
    
    .textoPortafolio {
        color: azure;
        font-family: CastleT;
        letter-spacing: 1px;
        padding-top: 5%;
        font-size: 1.1em;
        padding-right: 2%;
        padding-left: 2%;
    }
}

/* // Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {
    .barraTextoSeminuevos {
        font-family: CastleT;
        color: white;
        padding: .5em;
        letter-spacing: 1px;
        font-size: 1em;
    }

    .tituloFlotillas {
        font-family: CastleT;
        font-size: 1em;
        font-weight: bold;
    }

    .textoFlotillas {
        font-family: CastleT;
        font-size: 0.9em;
    }

    .columnasFlotillas {
        padding-top: .8em;
        padding-bottom: .7em;
    }

    .botonFlotillas {
        width: 40%;
    }

    .textoPortafolio {
        color: azure;
        font-family: CastleT;
        letter-spacing: 1px;
        padding-top: 5%;
        font-size: 1.1em;
        padding-right: 2%;
        padding-left: 2%;
    }
}

/* // Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {
    .barraTextoSeminuevos {
        font-family: CastleT;
        color: white;
        padding: .5em;
        letter-spacing: 1px;
        font-size: 1em;
    }

    .tituloFlotillas {
        font-family: CastleT;
        font-size: 1em;
        font-weight: bold;
    }

    .textoFlotillas {
        font-family: CastleT;
        font-size: 0.9em;
    }

    .columnasFlotillas {
        padding-top: .8em;
        padding-bottom: .7em;
    }

    .botonFlotillas {
        width: 25%;
    }

    .textoPortafolio {
        color: azure;
        font-family: CastleT;
        letter-spacing: 1px;
        padding-top: 5%;
        font-size: 1.2em;
    }

    .imagenSobre {
        position: absolute;
        bottom: 0%;
        left: 0%;
        max-height: 476px;
        width: 35%;
    }
}

/* // Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
    .barraTextoSeminuevos {
        font-family: CastleT;
        color: white;
        padding: .5em;
        letter-spacing: 1px;
        font-size: 1em;
    }

    .tituloFlotillas {
        font-family: CastleT;
        font-size: 1.2em;
        font-weight: bold;
    }

    .textoFlotillas {
        font-family: CastleT;
        font-size: 1.1em;
    }

    .columnasFlotillas {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .botonFlotillas {
        width: 25%;
    }

    .textoPortafolio {
        color: azure;
        font-family: CastleT;
        letter-spacing: 1px;
        padding-top: 5%;
        font-size: 1.2em;
    }

    .imagenSobre {
        position: absolute;
        bottom: 0%;
        left: 0%;
        max-height: 476px;
        width: 35%;
    }
}

/* // X-Large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {
    .barraTextoSeminuevos {
        font-family: CastleT;
        color: white;
        padding: .5em;
        letter-spacing: 1px;
        font-size: 1.1em;
    }

    .tituloFlotillas {
        font-family: CastleT;
        font-size: 1.2em;
        font-weight: bold;
    }

    .textoFlotillas {
        font-family: CastleT;
        font-size: 1.1em;
    }

    .columnasFlotillas {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .botonFlotillas {
        width: 20%;
    }

    .textoPortafolio {
        color: azure;
        font-family: CastleT;
        letter-spacing: 1px;
        padding-top: 5%;
        font-size: 1.2em;
    }

    .imagenSobre {
        position: absolute;
        bottom: 0%;
        left: 0%;
        max-height: 476px;
        width: 33%;
    }
}

/* // XX-Large devices (larger desktops, 1400px and up) */
@media (min-width: 1400px) {
    .barraTextoSeminuevos {
        font-family: CastleT;
        color: white;
        padding: .5em;
        letter-spacing: 1px;
        font-size: 1.1em;
    }

    .tituloFlotillas {
        font-family: CastleT;
        font-size: 1.2em;
        font-weight: bold;
    }

    .textoFlotillas {
        font-family: CastleT;
        font-size: 1.1em;
    }

    .columnasFlotillas {
        padding-top: 1em;
        padding-bottom: 1em;
    }

    .botonFlotillas {
        width: 20%;
    }

    .textoPortafolio {
        color: azure;
        font-family: CastleT;
        letter-spacing: 1px;
        padding-top: 5%;
        font-size: 1.2em;
    }

    .imagenSobre {
        position: absolute;
        bottom: 0%;
        left: 0%;
        max-height: 476px;
        width: 30%;
    }
}