/* styling for footer */ .footer-container {
width: 960px; height: 590px; background: url(../images/footer.png); background-size: cover; padding: 85px 0; overflow: hidden; margin: 0 auto; position: relative; top: 0px;
}
footer {
color: #fff; display: flex; justify-content: space-between; height: 100%; text-align: center; font-size: 5rem;
}
hr {
background: #fff; border: 2px solid #fff; width: 50px; margin: 1rem auto;
} .txt-color {
color: #fff !important; text-decoration: none !important; font-size: 3rem; font-weight: 900;
} .txt-color:hover {
color: deepskyblue !important; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
}
.socialIons > .list-items {
display: flex; justify-content: center; width: 100%;
} .socialIons > .list-items > li {
list-style: none; padding: 0 15px;
} .socialIons i:hover {
color: deepskyblue; transition: all 0.5s linear; -moz-transition: all 0.5s linear; -webkit-transition: all 0.5s linear;
} .socialIons > .list-items > li i {
font-size: 25px; color: #fff;
} .pages {
width: 100%; display: flex; justify-content: center;
} .pages > a {
text-decoration: none !important; color: #fff !important; font-size: 15px; padding-right: 20px;
} @media (max-width: 768px) {
.pages { flex-direction: column; } .pages > a { padding-top: 10px; }
} @media (max-width: 500px) {
footer { font-size: 0; } .txt-color { font-size: 2rem; }
}
@media (max-width: 968px) {
.footer-container { width: 100%; background-position: center; }
} /* over styling for footer */