.footer-dark { padding:50px 0; color:#f0f9ff; background-color:#282d32; position:static; } .footer-dark h3 { margin-top:0; margin-bottom:12px; font-weight:bold; font-size:16px; } .footer-dark ul { padding:0; list-style:none; line-height:1.6; font-size:14px; margin-bottom:0; } .footer-dark ul a { color:inherit; text-decoration:none; opacity:0.6; } .footer-dark ul a:hover { opacity:0.8; } @media (max-width:767px) { .footer-dark .item:not(.social) { text-align:center; padding-bottom:20px; } } .footer-dark .item.text { margin-bottom:36px; } @media (max-width:767px) { .footer-dark .item.text { margin-bottom:0; } } .footer-dark .item.text p { opacity:0.6; margin-bottom:0; } .footer-dark .item.social { text-align:center; } @media (max-width:991px) { .footer-dark .item.social { text-align:center; margin-top:20px; } } .footer-dark .item.social > a { font-size:20px; width:36px; height:36px; line-height:36px; display:inline-block; text-align:center; border-radius:50%; box-shadow:0 0 0 1px rgba(255,255,255,0.4); margin:0 8px; color:#fff; opacity:0.75; } .footer-dark .item.social > a:hover { opacity:0.9; } .footer-dark .copyright { text-align:center; padding-top:24px; opacity:0.3; font-size:13px; margin-bottom:0; }