footer{
    height:300px;
    margin-top: 4em;
    background-color: black;;
    padding-left:3em;
    padding-right:3em;
    display:flex;
    flex-direction: column;
    justify-content: center;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

footer .outer{
    width:85%;
    margin:0 auto;    
}
footer div.flex{
    display:flex;
    align-items: center;

}

footer div .icon{
    height:4.5em;
    
}

footer div .icon img{
    background-size:contain;
    height:100%;
    width: 8em;
    margin-right:4rem;
}

footer .info{
    color:white
}

footer div span:first-child{
    display:block;
    margin-bottom:0.5rem ; 
    font-size: 1.5em;
}



footer div span:first-child::first-letter{
    font-size: 1.4em;
}

footer div span{
    padding-left:1rem;
}

hr{
    width:100%;
    margin-top:1em;
}


@media  (max-width: 1150px){
    footer{
        padding-top:2em;
        padding-bottom:2em
    }

    footer div .icon img{
        margin-right: 0em;
    }
    
    footer div.flex span{
        display: block;
        text-align: center;
        margin:0;
        padding:0;
        padding-top:0.2em;
    }

    footer div.flex{
        flex-direction:column;
        justify-content: center;
        
    }

    footer div span:first-child{
        padding-top:0.7em;
        padding-bottom:0.3em
    }



    footer div .icon img{
        width:7em
    }

    footer div div.icon{
        height:4em;
        
    }


    
}