#footer {
background-color: var(--main-blue);
color: white;
position: relative;
width: 100%;
}
.footer_content {
background-color: rgba(182, 182, 182, .2);
display: flex;
flex-direction: column;
padding: 1rem 2rem;
}
.footer_up {
display: flex;
justify-content: space-between;
align-items: self-end;
padding: 3rem 1rem;
}
.footer_bottom {
display: flex;
justify-content: space-between;
align-items: baseline;
padding-top: .5rem;
flex-flow: row wrap-reverse;
}
.site_credits {
color: rgba(255, 255, 255, .2);
}
.site_credits span {
color: black;
}
.footer_separator {
width: 50px;
height: 1.5px;
background-color: var(--main-gold);
margin: 0 0 1rem;
} @media all and (max-width: 1000px) {
.footer_bottom {
gap: .5rem;
}
}
@media all and (max-width: 768px) {
.footer_up {
justify-content: center;
align-items: center;
gap: 1.5rem;
padding: 5rem 1rem 1rem;
}
.footer_bottom {
justify-content: center;
}
}
@media all and (max-width: 750px) {
.footer_content {
padding: 1rem 1rem .5rem;
}
}
@media all and (max-width: 768px) {
.footer_up {
flex-direction: column;
gap: 1rem;
}
}
@media all and (max-width: 480px) {
.site_credits {
font-size: .9rem;
}
}
@media all and (max-width: 280px) {
.site_credits {
font-size: .8rem;
}
}