#footer {
background-color: var(--main-blue);
color: white;
position: relative;
width: 100%;
}
.footer_content {
background-color: rgba(182, 182, 182, .2);
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
padding: 1rem 2rem;
}
.footer_up {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: self-end;
-ms-flex-align: self-end;
align-items: self-end;
padding: 3rem 1rem;
}
.footer_bottom {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline;
padding-top: .5rem;
-webkit-box-orient: horizontal;
-webkit-box-direction: normal;
-ms-flex-flow: row wrap-reverse;
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 {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 1.5rem;
padding: 5rem 1rem 1rem;
}
.footer_bottom {
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
}
@media all and (max-width: 750px) {
.footer_content {
padding: 1rem 1rem .5rem;
}
}
@media all and (max-width: 768px) {
.footer_up {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
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;
}
}