@charset "utf-8";
/* CSS Document */

footer,
#footer-content {
    
    width:100%;
    font-size: var(--text-size-tiny);
    line-height: var(--text-lh-tiny-tightish);
    
}

#footer-image,
#footer-inner {
  
    width:1200px;
    margin:0 auto 0 auto;
    
}

#footer-image {
    
    text-align: right;
    
}

#footer-image > img {
    
    width:483px;
    height:87px;
    
}

#footer-content {
    
    padding:20px 0 100px 0;
    
}

.footer-block {
    
    width:21.5%;
    display:inline-block;
    vertical-align: top;
    
}

.footer-block > p {
    
    width:100%;
    
}

.footer-block > ul {
    
    list-style: none;
    margin:0;
    padding:0;
    line-height: var(--text-lh-tiny-tightish);
    
}

.footer-block.lists > ul {
    
    width:200px;
    margin:0 auto;
    
}

#footer-social {
    
    width:14%;
    text-align: right;
    
}

#footer-social > a > svg {
    
    height:32px;
    margin-right:8px;
    
}

#footer-social > a:last-of-type > svg {
    
    margin-right:0;
    
}

@media screen and (max-width: 1220px) {
    
    #footer-image,
    #footer-inner {

        width:971px;

    }
    
    #footer-image > img {

        width:355px;
        height:64px;

    }

    .footer-block > p {

        width:80%;

    }

}

@media screen and (max-width: 1000px) {
    
    footer,
    #footer-content {

        font-size: var(--text-size-normal);
        line-height: var(--text-lh-normal);

    }
    
    #footer-image,
    #footer-inner {

        width:100%;

    }  
    
    #footer-image > img {

        width:320px;
        height:58px;

    }
    
    .footer-block > ul {

        line-height: var(--text-lh-normal);

    }
    
    .footer-block.lists > ul {

        margin:0;

    }
    
    .footer-block > p {

        width:100%;

    }
    
    #footer-social,
    .footer-block {

        width:300px;
        display:block;
        margin:0 auto 20px auto;

    }
    
    #footer-social {

        text-align:left;

    }

    
}

@media screen and (max-width: 320px) {
    
    #footer-image > img {

        width:100%;
        height:auto;

    }
    
}