.footerPrincipal {
    width: 100%;
    position: absolute;
    height: 300px;
    display: block;
    bottom: auto;
}
.footerPrincipalPre {
    width: 100%;
    position: relative;
    clear: both;
    bottom: auto;
}
.footerClearfix {
    display: inline-block;
}
.footerIframe {
    height: 300px;
}
@media screen and (max-height: 100%) {
    /* The width is greater than the height */
    .footerPrincipal, .footerIframe {
        bottom: 0;
    }
}
@media screen and (max-width: 700px) {
    .footerPrincipal, .footerIframe {
        height: 450px;
    }
}