body { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { font-family: "Roboto", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; } a { -webkit-transition: .3s all ease; -o-transition: .3s all ease; transition: .3s all ease; } a, a:hover { text-decoration: none !important; } .content { height: 70vh; } .footer-20192 { position: relative; color: #fff; padding: 7rem 0; background-color: #4C2447; } .footer-20192 .container { position: relative; } .footer-20192 h3 { font-size: 16px; margin-bottom: 10px; margin-top: 0; line-height: 1.5; } .footer-20192 .links li { margin-bottom: 10px; line-height: 1.5; display: block; } .footer-20192 .links li a { color: #F4C430; } .footer-20192 .links li a:hover { color: #fff; } .footer-20192 .social li { display: inline-block; position: relative; } .footer-20192 .social li a { position: relative; width: 40px; height: 40px; border-radius: 50%; display: inline-block; margin: 0; padding: 0; background-color: #F4C430; color: #fff; } .footer-20192 .social li a > span { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .footer-20192 .footer-logo { color: #fff; font-size: 20px; text-transform: uppercase; letter-spacing: .1rem; } .footer-20192 .copyright { color: #ffffff; } .footer-20192 .cta { -webkit-box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2); box-shadow: -20px -20px 0 0 rgba(52, 58, 64, 0.2); padding: 20px; background-color: #F4C430; top: -150px; position: relative; } .footer-20192 .cta h2, .footer-20192 .cta h3 { line-height: 1.5; } .footer-20192 .cta h3 { font-size: 20px; }