@charset "UTF-8";

#footer {width: 100%; padding: 40px 0; border-top: 1px solid var(--border); line-height: 1.5;}
#footer address {display: -webkit-flex; display: flex; justify-content: start; align-items: center; flex-wrap: wrap; width: 100%; max-width: 1200px; margin: 0 auto; font-size: 0.875rem; color: var(--darkgray);}
#footer address * {display: -webkit-flex; display: flex; justify-content: start; align-items: center;}
#footer address *::after {display: block; content: ''; width: 1px; height: 10px; background: var(--border); margin: 0 6px;}
#footer address *:nth-last-child(2)::after {display: none;}
#footer address *:last-child::after {display: none;}
#footer .copy {width: 100%; font-weight: 300; font-size: 0.875rem; color: #9E9E9E; margin-top: 20px;}
#footer .copy::after {display: none;}





@media screen and (max-width:1200px){
    #footer {padding: 40px 36px;}
}

@media screen and (min-width:993px){

}

@media screen and (max-width:992px){
    #footer {padding: 30px 36px;}
    #footer .copy {margin-top: 16px;}
}

@media screen and (max-width:768px){
    #footer {padding: 30px 32px;}
    #footer address b {width: 100%;}
    #footer address b::after {display: none;}
    #footer address span:nth-child(2) {width: 100%;}
    #footer address span:nth-child(2)::after {display: none;}
}

@media screen and (max-width:480px){
    #footer {padding: 20px 16px;}
    #footer .copy {margin-top: 12px;}
}