#social { margin: 0 0 28px 0; padding: 28px 0 28px 0; text-align: center; border: 1px solid #333; border-right: 0; border-left: 0; overflow: hidden; height: auto; } #social a { margin: 0 8px 0 8px; padding: 0; width: 20px; height: 20px; background: transparent url(footer_sprite.png) no-repeat; background-position: -38px -94px; display: inline-block; *display: inline; *zoom: 1; } #social .twitter { background-position: -113px -21px; } #social .pinterest { background-position: -59px -73px; } #social .linkedin { background-position: -113px 0; } #social .googleplus { background-position: -38px -73px; } #social .youtube { background-position: -21px -31px; } #social .instagram { background-position: -59px -52px; } #social span { display: none; } #partners { margin: 0 0 18px 0; padding: 0; text-align: center; } #partners img { background-image: url(footer_sprite.png); } #partners .icann img { margin: 0 0 0 20px; width: 51px; height: 52px; background-position: -80px -63px; } #partners .domaining img { margin: 0 14px 5px 21px; width: 112px; height: 30px; background-position: 0 0; } #partners .namepros img { margin: 0 14px 0 20px } #partners .bbb img { margin: 0 18px 0 5px; width: 37px; height: 59px; background-position: 0 -52px; } #copyright { color: #ccc; font-size: 11px; text-align: center; } /* State rules. Describes how modules/layouts look in a particular state. * Active/inactive? Hidden/Expanded? */ #social .facebook:hover { background-position: -59px -94px; } #social .twitter:hover { background-position: 0 -31px; } #social .pinterest:hover { background-position: -38px -52px; } #social .linkedin:hover { background-position: -105px -42px; } #social .googleplus:hover { background-position: -84px -31px; } #social .youtube:hover { background-position: -42px -31px; } #social .instagram:hover { background-position: -63px -31px; } @media screen and (max-width: 768px) { #partners { width: 278px; margin: 0 auto; margin-bottom: 18px; } #partners .icann img { margin: 0 44px; width: 51px; height: 52px; } #partners .namepros img { margin: 11px 10px 11px 9px; width: 120px; height: 30px; } #partners .domaining img { margin: 15px 13px 14px 14px; width: 112px; height: 30px; } #partners .bbb img { margin: 0 51px 0 51px; width: 37px; height: 59px; } } /* Theme rules. Similar to state rules. Useful if supporting multiple themes/skins for * a website. */