footer-flex {
    box-sizing:border-box;
    column-gap:4em;
    display:flex;
    justify-content:start;
    padding:2em 1em 1em 1em;
}


/******************************************************************************/


footer-grid {
    background-color:#808080;
    box-sizing:border-box; 
    color:white;    
    display:grid;
    grid-template-columns:1fr;
}

footer-upper {
    align-items:center;
    box-sizing:border-box;
    color:white;
    display:grid;
    gap:1em;
    grid-template-columns:4fr 5fr;
    padding: 1em 2em 1em 2em;
    width:100%;
}  

footer img {
    height:5em;
}


footer-frg {
align-items:center;
column-gap:0.25em;
display:flex;
flexwrap:nowrap;

}

footer-frg p {
    font-family:'Open Sans';
    font-size:0.75em;
    font-weight:400;
    margin:0;
}

footer-logos {
    display:flex;
    flex-wrap:nowrap;
    justify-content:space-between;
    width:100%;
}


footer-line {
    background-color:white;
    display:block;
    height:1px;
    width:100%
}

    
footer-lower {

    box-sizing:border-box;
    color:white;
    display:flex;
    padding: 1em 2em 1em 2em;
    font-family:'Open Sans';
    font-size:1em;
    flex-wrap:nowrap;
    justify-content:space-between;
    width:100%;
}    

footer-lower p {
    margin:0;
}    

footer-lower a {
    border-bottom: 1px dotted white;
    color:white;
    text-decoration:none;
}

footer-lower a:hover {
    border-bottom: 1px solid white;
}    



@media only screen and (max-width:600px) {


footer-flex {
    gap:0;
    justify-content:space-between;
    padding:2em 1.5em 1em 1.5em;
}



footer-upper {
   display:flex;
    flex-wrap:wrap;
    justify-content:space-around;
}    

footer img {
    height:3.6em;
}


   

footer-frg p {
        font-size:0.55em;
        
}


footer-lower {
        padding: 1em 1em 1em 1em;
        font-size:0.9em;
    
}
}