footer { background-color:#002C57; width:100%; padding-bottom:1%; } footer a { text-decoration: none; } .footer-container { width:90%; margin:0 auto; } .top-footer { width:100%; } .footer-align { width:100%; height:100%; padding-top:2%; display:flex; justify-content: space-between; align-items:flex-start; word-wrap: break-word; } .mobile-footer { width:20%; height:100%; display:inline-block; } .footer-part { width:100%; height:100%; display:inline-block; } .footer-part:nth-child(2) { margin-top:5%; } .footer-part h3 { font-size:1.8rem; color:#fff; font-weight: 400; } .footer-part p { font-size:1.2rem; color:#fff; font-weight:300; padding-top:1%; } .footer-part a { text-decoration: none; color:#fff; font-size:1.2rem; color:#fff; font-weight:300; padding-top:1%; display:block; } .footer-part img { width:100%; height:auto; } .bottom-footer { width:100%; display: flex; align-items: center; justify-content: space-between; margin-top:1%; } .left-footer { width:50%; } .left-footer p { font-size:1.3rem; color:#fff; padding-top:5%; } .right-footer { width:50%; height:100%; } .right-footer-images { width:30%; float:right; display:flex; justify-content: space-between; align-items: center; } .right-footer i { font-size:2.5rem; color:white; } .right-footer i:hover { opacity:0.7; } @media only screen and (max-width: 1400px) { .footer-align { padding-top:1%; } .footer-part h3 { font-size:2.7rem; } .footer-part a { font-size:1.5rem; } .footer-part p { font-size:1.5rem; } .left-footer p { font-size:1.8rem; } } @media only screen and (max-width: 1200px) { .footer-part a { font-size:1.7rem; } .footer-part p { font-size:1.7rem; } } @media only screen and (max-width: 850px) { .footer-part h3 { font-size:3rem; } .footer-part a { font-size:1.9rem; } .footer-part p { font-size:1.9rem; } .left-footer p { font-size:2rem; } .right-footer-images { width:50%; } } @media only screen and (max-width: 650px) { footer { margin-bottom:20vw; padding-bottom:5%; } .footer-align { display:block; } .footer-part img { display:none; } .footer-part:nth-child(2) { margin:0; } .footer-mobile { display:flex; justify-content: space-between; align-items: flex-start; } .footer-mobile:nth-child(1) { margin-bottom:2%; } .footer-part { width:50%; height:100%; text-align: left; } .footer-part h3 { font-size:2.7rem; margin-bottom:5px; } .footer-part a { font-size:1.7rem; margin-bottom:5px; } .footer-part p { font-size:1.7rem; margin-bottom:5px; } .right-footer-images { width:50%; } .bottom-footer { margin-top:1%; } } @media only screen and (max-width: 500px) { .footer-container { width:95%; } .footer-part h3 { font-size:2rem; } .footer-part a { font-size:1.5rem; } .footer-part p { font-size:1.5rem; } .footer-align { padding-top:15px; } .footer-mobile { flex-direction: column; align-items: flex-start; } .footer-mobile { margin-left:5%; margin-bottom:0; } .footer-part { width:100%; margin-bottom:5%; } .footer-part:nth-child(2) { margin-bottom:5%; } .mobile-footer { width:60%; margin:0 auto; } .footer-part img { display:block; } }