.footer_font{
    color:#fff; margin: 0; padding: 0; font-weight: 300; 
}

#footer_style{margin:0px 0 0; padding-top:50px;}
#footer_style > img{width: 100%; display: block; height: auto;}
#footer{
    width: 100%; 
    background-color: var(--green); 
    padding:0% 5% 2%;
    margin: 0px auto 0;
}

#footer > .footer_container{
    width:100%; 
}

#footer > .footer_container > .footer_area{
    width: 100%; max-width: 1400px; display:flex; flex-direction: column; justify-content: flex-start; 
    align-items: flex-start; gap:10px;padding:10px 0;
}

#footer > .footer_container > .footer_area > .footer_logo_share, #footer > .footer_container > .footer_area > .footer_contact_copyright{
    width:100%; display:flex; flex-direction: row; justify-content: flex-start; align-items: center; gap:5%;
}

.footer_logo, .footer_contact{flex:70%; text-align: left;}
.footer_share, .footer_copyright{flex:30%;text-align: right;}
.footer_share > ul{
    width: auto; list-style: none; flex-direction: row; justify-content: flex-end; 
    align-items: center; display: inline-flex; gap:20px; margin: 0; padding: 0;}
/*
.footer_share > ul > li{width: auto;}
.footer_share > ul > li > a{width: auto;}
*/
.footer_share > ul > li > a > img{ width: 100%; max-width: 40px; }

.footer_contact > ul{ 
    list-style: none; width: 100%; display: inline-flex; 
    flex-direction: row; justify-content: flex-start; align-items: flex-start; 
    flex-wrap: wrap; gap:5px;
    border:0px #c00 solid; padding: 0; margin: 0;
}
.footer_contact > ul > li:nth-child(odd){
    flex:30%; border:0px #c00 solid;
}
.footer_contact > ul > li:nth-child(even){
    flex: calc(70% - 5px ); border:0px #c00 solid;
}

.footer_logo > img{width: 40%; height: auto;}
.company_data{font-size:14pt}
.copyright{font-size:12pt;}

@media screen and ( max-width:1024px ){
    .footer_logo, .footer_contact{flex:60%;}
    .footer_share, .footer_copyright{flex:40%;}
    .footer_logo > img{width: 60%; height: auto;}
    .footer_contact > ul{
        flex-direction: column;
    }
    
}

@media screen and ( max-width:767px ){
    #footer > .footer_container > .footer_area > .footer_logo_share, #footer > .footer_container > .footer_area > .footer_contact_copyright{
        flex-direction: column; gap:20px
    }
    .footer_logo > img{width: 75%;}
    .footer_logo{text-align: center;}
    .footer_contact{flex:60%; text-align: left;}
    .footer_share, .footer_copyright{flex:40%;text-align: left;}
    .company_data{font-size:12pt}
    .copyright{font-size:11pt;}
}