#colophon{padding:40px 0;margin-top:0px;border-top:none;}
#footer-banner{text-align:left;}
#footer-banner > *{display:inline-block;zoom:1;*display:inline;vertical-align:top;}
#horizontal-menu-wrap{float:left;width:80%;display:table;vertical-align:top;}
#horizontal-menu-wrap > *{display:table-cell;vertical-align:top;}
#footer-banner .search-form{margin-top:1px;}
#horizontal-menu-before{padding-right:12px;margin-right:4px;border:none;display:inline-block;zoom:1;*display:inline;}
#horizontal-menu-before.is-menu{border-right:rgba(255, 255, 255, 0.1) solid 1px;}
#horizontal-menu-wrap.logo #horizontal-menu-before{display:table-cell;width:1px;white-space:nowrap;}
#footer-horizontal-menu{width:auto;padding:6px 0 0 0;display:table-cell;width:100%;border-right:none;}
#footer-horizontal-menu.is-before{padding-left:12px;}
#footer-banner .site-logo,
#footer-banner .site-name{margin-right:0;}
#footer-banner .site-logo a,
#footer-banner .site-name a{padding:5px 0 5px 5px;}
#footer-banner .site-logo img{height:30px;max-width:inherit;}
#colophon > .menu ul,
#footer-horizontal-menu ul,
.hm-social{list-style-type:none;text-align:left;margin:0 0 0 0;}
#colophon > .menu ul li,
#horizontal-menu-before > *,
#footer-horizontal-menu ul li{display:inline-block;zoom:1;*display:inline;vertical-align:middle;}
#colophon > .menu ul li,
#footer-horizontal-menu ul li,
.hm-social li{padding:7px 12px;}
.hm-social li,
.hm-social li a{display:block;height:24px;}
.hm-social{display:table;vertical-align:top;}
.hm-social > li{display:table-cell;padding:8px 6px;box-sizing:content-box;}
.hm-social > li a img{width:24px;height:24px;max-width:inherit;}
.hm-social li:first-child{padding-left:0;}
#horizontal-menu-before .search-form{padding-right:4px;}
#footer-horizontal-menu ul li{padding:0 12px 0 0;}
#footer-horizontal-menu ul li:first-child{padding-left:0}
#footer-horizontal-menu ul li:last-child{padding-right:0}
#footer-horizontal-menu ul li a{line-height:24px;display:block;}
#designer{line-height:40px;float:right;width:20%;text-align:right;}
#colophon > .menu ul{text-align:center;}
@media screen and (max-width:980px){#footer-banner{padding:30px 20px;}
}
@media screen and (max-width:720px){#horizontal-menu-wrap{float:none;width:100%;}
#designer{float:none;display:block;text-align:center;width:100%;padding:5px 20px 0;margin-top:20px;border-top:rgba(255, 255, 255, 0.1) solid 1px;line-height:24px;}
#footer-banner{padding:20px 20px 5px;}
}