/*footer webflow export*/

.footer {
    background-color: white ;
    overflow: auto;
    padding-top: 7em;
    padding-bottom:0em;
    font-size: .9em; 
    line-height: 1.8em;
  }

.footer .logo {width: 8em; margin-bottom: 2em;}


.footer h3 {font-size: 1.1em; margin-bottom: 1em;}    
.footer a {color: black; text-decoration: none;}
.footer a:hover {color: var(--c1);}
.footer .container {display: flex; overflow: auto;}
.footer .col2{position: relative;}
.footer .row2 p{letter-spacing: 0; font-weight: normal; text-transform: none;     text-align: right; width: 100%;}
.footer .row2 {padding: 3em 0;}

.footer .socs {margin-left: 1.2%;}
.footer .socs img {display: block; float: left; color: black; width: 1.6em; margin-right: 1em;}
.footer .socs img:hover {filter: invert(56%) sepia(50%) saturate(3713%) hue-rotate(171deg) brightness(102%) contrast(100%);}

@media only screen and (max-width: 1000px) { 
 
    .footer .container {display: block;}
    .footer .col { margin-bottom: 3em; width: 33%;}

}



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

    .footer { text-align: center; }
    .footer .col {width: 100%; margin-bottom: 3em;}
    .footer .logo {margin: auto;}
    .footer .socs {margin: auto; margin-top: 2em;}
    .footer .socs img {display: inline-block; float: none;}
    

}