footer{
width: 100%; 
height: 354px;
background-size: 1440px;
margin: 0 auto;
background-position-y: 72px;
min-width: 752px;
}
footer *{
font-family: 'Source Sans 3', sans-serif;
}
#ssl{
width: 100%;
height: 72px;
margin: auto;   
padding-top: 30px;
background-position-x: calc(100% - 15px);
}
#ssl p{
font-size: 11px;
font-weight: 400;
letter-spacing: 0.2px;
text-align: center;
color: var(--color-dark-gray);
width: 100%;
display: inline-block;
}
#ssl p img{
display: inline;
margin-right: 5px;
top: -1px;
position: relative;
}
#footer_bg{
width: 100%;
margin: 0 auto;
height: 282px;
margin-top: 12px;
}
#footer{
max-width: 752px;
width: 100%;
margin: 0 auto;
}
#footer_logo{
float: left;
width: 48%;
height: 235px;
padding-top: 80px;
padding-left: 40px;
}
#footer_logo img {
max-height: 70px;
width: auto;
margin: auto;
}
#footer_links{
float: right;
width: 52%;
height: 200px;
padding-left: 50px;
}
#footer_links ul{
height: 235px;
padding-top: 50px;
}
#footer_links ul li{
width: 165px;
padding: 5px 0; 
display: inline-block;
}
#footer_links ul li a{
font-size: 17px;
font-weight: 500;
letter-spacing: -0.3px;
}
#footer_links ul li a:hover{
text-decoration: underline;
}
#footer_copyright{
float: left;
width: 100%;
margin: auto;
}
#footer_copyright p{
font-size: 13px;
font-weight: 500;
text-align: center;
}
@media (max-width: 889px) {
    #footer_logo{
    width: 40%;
    padding-left: 10px;
    }
    #footer_links{
    width: 60%;
    padding-left: 40px;
    }
}
@media (max-width: 540px) {
    #footer_links ul li {     
        padding: 0 0 !important;
    }
}
@media (max-width: 480px) {
    footer{
    min-width: auto;
    }
    #footer {
    min-width: 360px;
    max-width: 448px;
    }
    #footer_logo{
    padding-top: 40px;
    width: 100%;
    height: 95px;
    }
    #footer_logo img{
    margin: auto;
    max-height: 50px;
    width: auto;
    }
    #footer_links{
    padding-left: 50px;
    float: left;
    width: 100%;
    height: 145px;
    }
    #footer_links ul {
    height: 140px;
    padding-top: 10px;
    }
    #footer_links ul li{
    width: 142px;
    }
    #footer_links ul li a{
    font-size: 15px;
    }
}
@media (max-width: 430px) {
    #footer {
    max-width: 430px;
    }
}
@media (max-width: 359px) {
    #footer{
    min-width: 320px;
    }
    #footer_logo{
    width: 90%;
    }
    #footer_links {
    padding-left: 20px;
    }
    #footer_links ul li a{
    font-size: 14px;
    letter-spacing: -0.6px;
    }
}

@media (max-width: 319px) {
    footer {
    height: auto;
    min-width: auto;
    }
    #footer {
    min-width: auto;
    }
    #footer_bg {
    height: auto;
    overflow: hidden;
    }
    #footer_logo {
    height: auto;
    }
    #footer_links {
    height: auto;
    padding-left: 10px;
    }
    #footer_links ul {
    height: auto;
    }
}