.logoName { font-family: 'Poppins', sans-serif; letter-spacing: 0.2rem; } .footerTitle { letter-spacing: 0.2rem; margin: 0 0 2rem 0; font-size: 0.5rem; } .footer-contact { font-size: 0.8rem; line-height: 0.8rem; } .footerP { font-size: 0.75rem; line-height:
0.75rem; } #socialFooter { padding: 200px 0 50px 0; } #socialFooter-box { padding: 30px 0; display: block; } .socialBox-footer a { opacity: 0.5; } .socialBox-footer a { height: 54px; width: 54px; border-radius: 100%; border: 1px solid #fff; display: inline-block;
position: relative; margin-right: 8px; opacity: 1; transition: 0.25s; } .socialBox-fooer a:hover { opacity: 1; } .socialBox-footer a:hover { opacity: 1; transition: 0.125s; background: #fff; } .socialBox-footer a:hover svg { fill: #13294b; transition:
0.125s; }3 .socialBox-footer a:after { border-radius: 100%; display: block; content: ''; position: absolute; top: -1px; right: -1px; bottom: -1px; left: -1px; z-index: 0; border: 0px solid #fff; transition: 0.25s; opacity: 0.5; } .socialBox-footer a img,
.socialBox-footer a svg { z-index: 1; position: absolute; top: 50%; left: 50%; transform: translateX(-50%) translateY(-50%); display: block; max-width: 24px; max-height: 24px; transition: 0.25s; fill: #fff; }