/* 
    Created on : 01/08/2020
    Author     : Jorge A Peña Piña
    Version    : 1.0
*/

@media (min-width: 414px){
    /* Barra */

    header .barra .menu {
        width: 60% ;
    }

    /* Principal principal */

    main .principal .tituloEmpresa h1 {
        font-size: 5rem ;
        line-height:  1 ;
    }
    
    main .principal .tituloEmpresa h1 span {
        font-size: 1.75rem ;
    }

    /* Footer */

    footer .barraFooter .contenidoPie .bloquePie {
        background:          inherit ;
        flex-basis: calc(50% - 1rem) ;
        padding:                1rem ;
    }

    footer .barraFooter .contenidoPie .somos {
        background:           inherit ;
        flex-basis: calc(100% - 1rem) ;
        padding:                 1rem ;
        text-align:            center ;
    }

    /* Nosotros */

    main .nosotros .barra-nosotros {
        align-items:                    center ;
        background:                    inherit ;
        border-bottom: 0.25rem solid #000000 ;
        display:                          flex ;
        flex-wrap:                        wrap ;
        justify-content:         space-between ;
        padding:                1rem 1rem 0rem ;
    }

    main .nosotros .barra-nosotros h2 {
        font-weight: 400 ;
        width:      100% ;
    }

    main .nosotros .barra-nosotros .opcionesNosotros {
        background:           inherit ;
        display:                 flex ;
        flex-wrap:               wrap ;
        justify-content: space-around ;
        padding:          1rem 1rem 0 ;
        flex-basis:        calc(100%) ;
    }

    main .nosotros .barra-nosotros .opcionesNosotros a {
        color:      #000000 ;
        width:            25% ;
    }

    main .nosotros .barra-nosotros .opcionesNosotros a:hover {
        color: #5c5c5c ;
    }

    main .nosotros .frase {
        background: inherit ;
        display:       flex ;
        margin:    0 auto 0 ;
        padding:  4rem 2rem ;
        width:          90% ;
    }

    main .nosotros .frase p {
        font-size:    3rem ;
        text-align: center ;
    }

    main .nosotros .frase p span {
        display:    block ;
        font-size:   2rem ;
        font-weight:  600 ;
        margin:  0.5rem 0 ;
        text-align: right ;
    }
}