.footer{
    width:100%;
    color: white;
    background-color: black;
}
.footer-content-container{
    width: 100%;
    background-color: rgb(26, 26, 26);
    display: flex;
    justify-content: center;
    height:600px;
}
.footer-content{
    width: 90%;
    max-width: 1200px;
}
.footer-title{
    margin-top: 30px;
    font-size: 15px;
    font-weight: bold;
    color: rgb(185, 185, 185);
}
.footer-divider{
    width: 100%;
    height:1px;
    background-color: rgb(63, 63, 63);
    margin-top: 30px;
}
.footer-nav-container{
    display: flex;
    justify-content: space-between;
}
.footer-nav-left{
    margin-top: 60px;
    width: 70%;
}
.footer-nav-column-container{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
.footer-nav-title{
    font-size: 16px;
    font-weight: bold;
}
.footer-nav-content {
    margin-top: 12px;
}
.footer-nav-content a{
    display: block;
    color: rgb(204, 204, 204);
    line-height: 2.5;
    font-size: 15px;
}
.footer-nav-content a:hover{
    color: rgb(255, 255, 255);
    -webkit-transition: all 150ms linear;
    -ms-transition: all 150ms linear;
    transition: all 150ms linear;
}
.footer-nav-region-container{
    display: flex;
    justify-content: space-between;
}
.footer-nav-region-left{
    width: 50%;
}
.footer-nav-region-title{
    font-size: 16px;
    font-weight: bold;
    line-height: 1.6;
    margin-top: 40px;
    color: rgb(255, 255, 255);
}
.footer-nav-region-discription{
    font-size: 15px;
    margin-top: 10px;
    line-height: 1.4;
    color: rgb(179, 179, 179);
}
.change-region-wrap{
    margin-top: 30px;
    display: block;
}
#change-region{
    padding: 12px 15px;
    font-size: 14px;
    border: 1px solid rgba(161, 161, 161, 0.425);
    -webkit-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
#change-region:hover{
    border: 1px solid rgb(231, 231, 231);
}
.footer-nav-right{
    width: 40%;
    margin-top: 50px;
    background-image: url('../../img/aperture-logo-footer.png');
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
}
.footer-legal-container{
    height: 80px;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: rgb(36, 36, 36);
}
.footer-legal{
    display: flex;
    justify-content: space-between;
    width: 90%;
    font-size: 15px;
    max-width: 1200px;
    color: rgb(160, 160, 160);
}
.footer-legal a{
    color: rgb(196, 196, 196);
    margin-left: 70px;
    -webkit-transition: all 100ms linear;
    -ms-transition: all 100ms linear;
    transition: all 100ms linear;
}
.footer-legal a:hover{
    color: rgb(255, 255, 255);
}
.inline{
    display: inline;
}