#footer {text-align: center;padding: 40px 0 50px;background: #383333;color: #786868;position: relative;width: 100%;height: auto}
#footer .f-icon {position: absolute;right: 90px;}
#footer .f-icon a {display: inline-block;padding: 10px}
#footer .f-icon a:nth-of-type(1) img {height: 33px}
#footer .f-icon a:nth-of-type(2) img {height: 32px}
#footer .f-icon a:nth-of-type(3) img {height: 39px}

#footer .f-logo {text-align: center}
#footer .f-logo > dl img {height: 85px}
#footer .f-logo a {vertical-align: middle;padding:15px;}
#footer .f-logo a:first-of-type img {height: 43px}
#footer .f-logo a:last-of-type img {height: 55px}
#footer p {font-size: 14px;margin-top: 20px}

@media (min-width: 1921px) {
    #footer {padding-bottom: 50%}
}

@media (min-width: 3839px){
    #footer {height: 645px;padding: 0}
    #footer .f-icon {position: absolute;top: 70px; right: 200px;padding:0 30px}
    #footer .f-icon a {display: inline-block;padding: 10px}
    #footer .f-icon a:nth-of-type(1) img {height: 66px}
    #footer .f-icon a:nth-of-type(2) img {height: 64px}
    #footer .f-icon a:nth-of-type(3) img {height: 74px}
    
    #footer .f-logo {padding-top: 80px}
    #footer .f-logo > dl img {height: 169px}
    #footer .f-logo a {padding:30px;}
    #footer .f-logo a:first-of-type img {height: 86px}
    #footer .f-logo a:last-of-type img {height: 109px}
    #footer p {font-size: 28px;margin-top: 50px}
}

@media (min-width: 3841px){
    #footer {width: 100%; height: auto;}
    .responsive-box {position: relative;width:100%;padding-bottom: 50%; background-color: #383333;}
    .responsive-box .content {position: absolute; top: 0; left: 0; right: 0; bottom: 0;}
}