.componente-banner-texto {
    padding-top: 175px;
    min-height: 130px;
    color: #fff;
    background-image: url("assets/header.jpg");
    background-repeat: no-repeat;
    background-position: center 55px; 
}
.componente-banner-texto .seccion {
    text-transform: uppercase;
    margin-bottom: 4px;
}
.componente-banner-texto .pagina {
    text-transform: uppercase;
    margin-bottom: 12px;
}
.componente-banner-texto .seccion {
    background: url("assets/flag-white.png") left no-repeat;
    padding-left: 16px;
    font-size: 18px;
    font-family: "din-regular";
}
.componente-banner-texto .pagina {
    font-size: 55px;
    font-family: "din-black";
}
.componente-banner-texto .pagina_light {
    font-family: "din-light";
}
.componente-banner-texto .intro {
    font-size: 15px;
    line-height: 19px;
    background: #292929;
    padding: 14px;
    font-family: "din-medium";
}

/* Responsivo */

@media screen and (max-width : 767px) {
    .componente-banner-texto .pagina {
        font-size: 35px;
    }
    .componente-banner-texto {
        padding-top: 100px;
        background-position: center -35px;
        min-height: 100px;
    }
}
@media screen and (max-width : 580px) {
    .componente-banner-texto .pagina {
        font-size: 25px;
    }
    .componente-banner-texto {
        padding-top: 80px;
        background-position: center -70px;
    }
    .componente-banner-texto .seccion {
        font-size: 13px;
        background: url("assets/flag-white-sm.png") left no-repeat;
        padding-left: 11px;
    }
}