.social-network {
text-align: center; list-style: none; padding: 0; margin: 0; margin-bottom: -8px; @media (min-width: 1280px) { margin-bottom: -16px; } li { display: inline-block; margin: 0 8px; margin-bottom: 8px; @media (min-width: 1280px) { margin: 0 16px; margin-bottom: 16px; } } a { font-size: 1.5rem; background-color: white; width: 48px; height: 48px; line-height: 48px; display: block; border-radius: 50%; transition: opacity 0.3s ease; opacity: 0.6; &:hover { opacity: 1; } }
}
section.social {
padding-top: 1.5rem; padding-bottom: 1.5rem;
}