footer { width: 100%; height: 865px; display: block; margin: 0 auto; padding: 0; position: relative; float: none; border-top: solid 1px #fff; background: url('https://www.brettonwoods.com.co/wp-content/uploads/2018/04/bretton-woods-bg-foo.jpg') no-repeat top center fixed #0D1969; background-size: cover; }

footer article:nth-child(1) { width: 1100px; height: 460px; display: block; margin: 0 auto; padding: 0; float: none; }
footer article:nth-child(1) nav { width: 260px; height: auto; display: block; margin: 100px 40px 0 0; padding: 0; float: left; }
footer article:nth-child(1) nav:nth-child(1),
footer article:nth-child(1) nav:nth-child(4) { width: 200px; }
footer article:nth-child(1) nav:nth-child(2),
footer article:nth-child(1) nav:nth-child(5) { margin: 100px 0 0 0; }
footer article:nth-child(1) nav p { font-family: 'Josefin Sans', sans-serif; text-align: left; line-height: 1.15em; padding: 0 0 25px 0; font-weight: 500 !important; color: #fff; margin: 0 auto; letter-spacing: 0.055em; font-size: 1.85em; }
footer article:nth-child(1) nav a { width: 100%; height: auto; display: block; margin: 0 auto; font-family: 'Josefin Sans', sans-serif; text-align: left; line-height: 1.25em; padding: 0 0 15px 0; font-weight: 300 !important; color: #fff; margin: 0 auto; letter-spacing: 0.035em; font-size: 1.25em; transition: all 0.3s ease-in; }
footer article:nth-child(1) nav a:hover { color: #09f; text-decoration: none; transition: all 0.15s ease-out; }

footer article:nth-child(1) #separa-foo { width: 1px; height: 360px; display: block; margin: 100px 49.5px 0; float: left; padding: 0; background: rgba(255,255,255,0.35); }

footer article:nth-child(2) { width: 1100px; height: 150px; display: block; margin: 100px auto 0 auto; padding: 0; float: none; }
footer article:nth-child(2) nav { width: 110px; height: 50px; margin: 0 auto; display: block; }
footer article:nth-child(2) nav a { width: 50px; height: 50px; margin: 0; float: left; display: block; background: #fff; text-align: center; font-size: 1.35em; padding: 12px 0 0 0; margin: 0 10px 0 0; border-radius: 3px; transition: all 0.3s ease-in; }
footer article:nth-child(2) nav a:nth-child(2) { margin: 0; }
footer article:nth-child(2) nav a:hover { background: #111; transition: all 0.15s ease-out; }
footer article:nth-child(2) nav a i { color: #000057; transition: all 0.3s ease-in; }
footer article:nth-child(2) nav a:hover i { color: #fff; transition: all 0.15s ease-out; }

footer article:nth-child(2) > a { width: 298px; height: 78px; margin: 75px auto 0 auto; float: none; display: block; background: rgba(255,255,255,0.1); border: solid 1px #fff; transition: all 0.3s ease-in; }
footer article:nth-child(2) > a:hover { background: rgba(255,255,255,0.15); transition: all 0.15s ease-out; }
footer article:nth-child(2) > a img { display: block; margin: 10px; float: left; transition: all 0.3s ease-in; }

footer #ad-foo { width: 40px; height: 40px; display: block; margin: 0; background: #000; border-radius: 15px 0 0 0; position: absolute; bottom: 0; right: 0; z-index: 1; transition: all 0.3s ease-in; }
footer #ad-foo img { transform: scale(0.85); transform-origin: center center; display: block; margin: 5px auto 0 auto; transition: all 0.3s ease-in; }
footer #ad-foo:hover { transform: scale(1.05); transform-origin: bottom right; transition: all 0.15s ease-out; }

@media only screen and (max-width: 1199px){
    footer { height: 1125px; }
    footer article:nth-child(1) { width: 90%; height: 700px; }
    footer article:nth-child(1) nav { width: 50%; height: auto; }
    footer article:nth-child(1) nav:nth-child(1) { width: 50%; margin: 100px 0 50px 0; }
    footer article:nth-child(1) nav:nth-child(2) { width: 50%; margin: 100px 0 50px 0; }
    footer article:nth-child(1) nav:nth-child(4) { width: 50%; margin: 50px 0 100px 0; }
    footer article:nth-child(1) nav:nth-child(5) { width: 50%; margin: 50px 0 100px 0; }
    footer article:nth-child(1) nav:nth-child(1) a,
    footer article:nth-child(1) nav:nth-child(2) a,
    footer article:nth-child(1) nav:nth-child(4) a,
    footer article:nth-child(1) nav:nth-child(5) a { text-align: center; }
    footer article:nth-child(1) nav p { text-align: center; }
    footer article:nth-child(1) #separa-foo { width: 100%; height: 1px; display: block; margin: 0 auto; float: none; }
    
    footer article:nth-child(2) { width: 276px; }
}
@media only screen and (max-width: 799px){
    footer { height: 1570px; }
    footer article:nth-child(1) { height: 1150px; }
    footer article:nth-child(1) nav:nth-child(1) { width: 100%; margin: 100px auto 0 auto; }
    footer article:nth-child(1) nav:nth-child(2),
    footer article:nth-child(1) nav:nth-child(4),
    footer article:nth-child(1) nav:nth-child(5) { width: 100%; margin: 50px auto 0 auto; }
    footer article:nth-child(2) { width: 276px; }
}
@media only screen and (max-width: 449px){
    footer { height: 1650px; }
    footer article:nth-child(1) { height: 1230px; }
}