footer { margin: 0; clear: both; }

#footer-main { width: 100%;
    background-color: rgb(12, 40, 53); background-image: none; }
#footer-main #footer-contain { position: relative; padding: 0 30px; width: 100%; max-width: 1280px; margin: 0 auto; overflow: hidden; }

#block-gencix-footerbranding,
#block-gencix-contactmenu,
#block-gencix-footerlinks,
#block-gencix-informations { float: right; width: 28%; color: #ffffff; }

#footer-main h2 { font-family: 'questrialregular', sans-serif; text-transform: uppercase; font-weight: normal; font-size: 15px; line-height: 15px; margin-bottom: 0; }
#footer-main h2::after { display: block; content:" "; height: 2px; width: 52px; margin-top: 10px;
    background-color: #7bb914; }
.footer-main { padding: 100px 0; overflow: hidden; }

#footer-main nav ul {  }
#footer-main nav ul li,
#block-gencix-contactmenu li { display: list-item; list-style: square; margin-left: 15px; }
#footer-main nav ul li a,
#block-gencix-contactmenu a { font-family: 'poppinsregular', sans-serif; color: #ffffff; font-size: 14px; letter-spacing: normal;
    transition: color 0.3s; }
#footer-main nav ul li a:hover,
#block-gencix-contactmenu a:hover { color: #7bb914; }

#block-gencix-footerbranding .footer-logo { width: 60%; margin-bottom: 20px; }
#block-gencix-footerbranding .social-links a { display: inline-block; width: 30px; height: 0; padding-top: 30px; margin-right: 20px; border-radius: 15px; overflow: hidden;
    background-color: #ffffff; background-size: 30px; background-position: top center; background-repeat: no-repeat; }
#block-gencix-footerbranding .social-links a.facebook { background-image: url('../../images/facebook.png'); }
#block-gencix-footerbranding .social-links a.instagram { background-image: url('../../images/instagram.png'); }
#block-gencix-footerbranding .social-links a:hover { background-position: bottom center; }

#block-gencix-footerbranding { padding-right: 30px; }
#block-gencix-footerbranding p { font-size: 11px; line-height: 18px; }

#footer-final { padding: 0 15px; background-color: #7bb914; clear: both; }
#block-gencix-copyright { padding: 5px 0; }
.footer-final p { display: block; width: 100%; text-align: center; font-size: 12px; letter-spacing: normal; color: #ffffff; margin: 0; }
.footer-final p a { color: #ffffff; font-family: 'poppinsregular', sans-serif; font-size: 12px; letter-spacing: normal; text-decoration: none; }
.footer-final p a:hover { text-decoration: underline; }

@media only screen and ( max-width: 980px ) {
    .footer-main { width: 100%; max-width: 680px; padding: 50px 0; margin: 0 auto; }
    #block-gencix-footerbranding p { text-align: center; }
    
    #block-gencix-footerbranding { width: 100%; text-align: center; padding: 0 30px 0px; margin-top: 50px; }
    #block-gencix-footerbranding .footer-logo { width: 23%; margin: 0 auto 25px; }
    
    #block-gencix-footerbranding .social-links a { margin: 0 10px; }
    
    #block-gencix-contactmenu,
    #block-gencix-footerlinks,
    #block-gencix-informations { float: left; width: 50%; }
}

@media only screen and ( max-width: 720px ) {
    .footer-main { padding: 50px 0 0; }
    #block-gencix-contactmenu,
    #block-gencix-footerlinks,
    #block-gencix-informations { float: none; width: 100%; text-align: center; margin-bottom: 50px; }
    
    #footer-main nav ul li,
    #block-gencix-contactmenu li { list-style: none; margin-left: 0; }
    #footer-main h2::after { margin: 10px auto 0; }
    
    #block-gencix-footerbranding { margin-top: 0; margin-bottom: 50px; }
}