/* ===============================
   TOP CONTACT BAR
================================= */
.top-bar{
background:#000;
color:#fff;
display:flex;
justify-content:space-between;
padding:8px 50px;
font-size:14px;
flex-wrap:wrap;
}

.top-bar a{
color:#fff;
text-decoration:none;
margin-left:10px;
}

.top-bar a:hover{
text-decoration:underline;
}

/* MOBILE */
@media(max-width:768px){
.top-bar{
flex-direction:column;
text-align:center;
}
}


/* ===============================
   FOOTER
================================= */
footer{
background:#111;
color:white;
padding:50px;
}

.footer-grid{
display:grid;
grid-template-columns:repeat(auto-fit,minmax(200px,1fr));
gap:30px;
}

footer a{
color:#ddd;
text-decoration:none;
display:block;
margin:5px 0;
}

footer a:hover{
color:#fff;
text-decoration:underline;
}

.footer-grid div h3{
margin-bottom:10px;
}

.footer-grid div{
line-height:1.6;
}

/* SOCIAL ICONS */
.social-icons{
display:flex;
gap:15px;
margin-top:10px;
}

.social-icons a{
display:flex;
align-items:center;
justify-content:center;
width:40px;
height:40px;
background:#222;
border-radius:50%;
color:#fff;
font-size:18px;
transition:0.3s;
}

.social-icons a:hover{
background:#f39c12;
transform:scale(1.1);
}

.copyright{
text-align:center;
margin-top:30px;
border-top:1px solid #444;
padding-top:20px;
}