
.aboutus>.filtro {
    background-image: -moz-linear-gradient(top, #000000, rgba(0, 0, 0, 0.2), #000000), url(../img/fondo-aboutus-10.jpg);
    background-image: -webkit-linear-gradient(top, #000000, rgba(0, 0, 0, 0.2), #000000), url(../img/fondo-aboutus-10.jpg);
    background-image: linear-gradient(to right bottom, #000000, rgba(0, 0, 0, 0.2), #000000), url(../img/fondo-aboutus-10.jpg);

    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    height: 80vh;
    position: relative;
    text-align: center;
        color: white;
}






@media (min-width: 600px) {
    .aboutus>.filtro>.description{
        transform: translate(-50%,-50%);
        font-family: berlin sans;
        position: absolute;
        top: 60%;
        font-size: 2vw;
        left: 50%;
        width: 80%;
    }

    .aboutus>.filtro{

        font-size: 2vw;
    }
    .aboutus>.filtro>.backgroundtitle>h1 {
        font-family: bernier;
        color: white;
        font-size: 3vw;

    }
    .aboutus>.filtro>.backgroundtitle {
        background: rgba(0, 165, 82, 1);
        background: -moz-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 165, 82, 1)), color-stop(50%, rgba(0, 165, 82, 1)), color-stop(51%, rgba(246, 41, 12, 1)), color-stop(71%, rgba(240, 47, 23, 1)), color-stop(100%, rgba(230, 26, 36, 1)));
        background: -webkit-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        background: -o-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        background: -ms-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        background: linear-gradient(to right, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a552', endColorstr='#e61a24', GradientType=1);
        text-align: center;
        width: 80%;
        transform: rotate(-1.9deg) translate(-50%,-50%);
        position: absolute;
        top: 10vh;
        left: 50%;

    }
}


@media (max-width: 600px) {
    .aboutus>.filtro>.description{
        transform: translate(-50%,-50%);
        font-family: berlin sans;
        position: absolute;
        top: 60%;
        font-size: 100%;
        left: 50%;
        width: 80%;
    }
    .aboutus>.filtro{
        text-align: center;
        color: white;
        font-size: 3.5vw;
    }
    .aboutus>.filtro>.backgroundtitle>h1 {
        font-family: bernier;
        color: white;
        font-size: 5vw;
    }
    .aboutus>.filtro>.backgroundtitle {
        background: rgba(0, 165, 82, 1);
        background: -moz-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        background: -webkit-gradient(left top, right top, color-stop(0%, rgba(0, 165, 82, 1)), color-stop(50%, rgba(0, 165, 82, 1)), color-stop(51%, rgba(246, 41, 12, 1)), color-stop(71%, rgba(240, 47, 23, 1)), color-stop(100%, rgba(230, 26, 36, 1)));
        background: -webkit-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        background: -o-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        background: -ms-linear-gradient(left, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        background: linear-gradient(to right, rgba(0, 165, 82, 1) 0%, rgba(0, 165, 82, 1) 50%, rgba(246, 41, 12, 1) 51%, rgba(240, 47, 23, 1) 71%, rgba(230, 26, 36, 1) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00a552', endColorstr='#e61a24', GradientType=1);
        text-align: center;
        width: 80%;
        transform: rotate(-1.9deg) translate(-50%,-50%);
        position: absolute;
        top: 10vh;
        left: 50%;
    }
}