#footer{/*margin-top:32px;*/padding:48px 0 120px}
#footer-inner{max-width:100%;margin:auto;padding:0 16px}

#container-extra-footer{text-align: center;}
#container-extra-footer span{display:inline-block;}

#newsletter{max-width:400px;display:inline-block;text-align:center;width:292.55px}
#newsletter h4{font-size:21px;margin:auto;}
#newsletter #container-input-email{margin-top:10px}
#newsletter .w3-check{width: 18px;height: 18px;}
#newsletter .label-privacy{font-weight:200;font-size:12px;line-height:1;color:#fff;}

#col-footer-2{margin:52px 0 26px}
#col-footer-inner-2 {text-align: center}

#col-footer-3{text-align:center}


#container-social{margin-top:32px}
.la-facebook{color:#fff;font-size:48px}
.la-instagram{color:#fff;font-size:48px}

#container-messaggio-newsletter{
    position:fixed;
    top:50%;
    left:50%;
    transform:translate(-50%,-50%);
    z-index:5;
    background:#fff;
    width:90%;
    margin:auto;max-width:500px;
    overflow:hidden
}

#messaggio-newsletter {
    margin:0;
    animation:entry .5s;
    padding:32px;font-size:16px;
}

#chiudi-messaggio-newsletter{
    font-size:32px;cursor:pointer
}

@keyframes entry{
    0%{transform:translateX(-100%)}
    100%{transform:translateX(0)}
}

#genial-dev {
    position: absolute;
    bottom: 48px;
    text-align: center;
    width: 100%;
}

@media(min-width:500px){
    #messaggio-newsletter{font-size:24px;}
}

@media(min-width:992px){
    #footer{padding:112px 0}
    .col-footer{width:33.33%;float:left;}
    #col-footer-1 {position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
    #col-footer-2 {position: absolute;left: 100%;top: 50%;transform: translate(-100%, -50%);margin:0;padding-right:16px}    
    #col-footer-inner-2 {text-align: right}
    #col-footer-3{float:left;text-align:left;transform: translateY(-17.5%);}
    #genial-dev{text-align:left;padding-left:16px;bottom:16px;}
}

@media(min-width:1280px){
    #footer-inner{max-width:1200px;padding:0}
    #col-footer-2{padding-right:0}
    #genial-dev{padding-left:0;}
    #genial-dev span{display:block;max-width:1200px;margin:auto}
}

@media(min-width:1366px){
    #footer-inner{max-width:1280px}
    #genial-dev span{max-width:1280px;}
}

@media (min-width: 1533px) {
    #footer-inner {max-width: 1366px;}
    #genial-dev span{max-width:1366px;}
}