/* 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 */