#footer-view {background-color: #f0f0f0;}
#footer-view ul {
    margin-top: 20px; width: 100%;
    display: flex; -webkit-display: flex; 
    justify-content: flex-start; -webkit-justify-content: flex-start;
}
#footer-view ul li {padding-right: 10px}
#footer-view ul li > a {color: #2b3a4f;text-decoration: none; font-size: 14px}
#footer-view .copyrights, 
#footer-view .realization {color: #464646; font-size: 14px;}
#footer-view .socials {
    display: none; font-size: 40px; width: 100%; margin-top: 20px;
    justify-content: center; -webkit-justify-content: center;
}
#footer-view .socials > a {margin: 0 5px;}
#footer-view .regional-development {background-color: #fff}
#footer-view .regional-development a {width: 100%}
#footer-view .regional-development img {max-height: 100px}

/* overwrites */
#footer-view .grid {
    padding: 20px 10px; width: 100%;
    display: flex; -webkit-display: flex;
    justify-content: space-between; -webkit-justify-content: space-between;
    align-content:  space-between; -webkit-align-content:  space-between; 
    flex-wrap: wrap; -webkit-flex-wrap: wrap;
}

@media screen and (max-width: 980px) {
    #footer-view ul {justify-content: center; -webkit-justify-content: center; width: 100%;}
    #footer-view .copyrights, 
    #footer-view .realization {width: 100%; text-align: center; }
}

@media screen and (max-width: 920px) {
    #footer-view ul {flex-wrap: wrap; -webkit-flex-wrap: wrap;}
    #footer-view ul li > a {font-size: 12px;}
    #footer-view .socials {display: flex; -webkit-display: flex;}
    
}