.dropdown {
position: relative;
display: inline-block;
}
.dropdown-content {
display: none;
position: absolute;
padding: 12px 16px; 
font-size: 1.1vw;
z-index: 999;
margin-left: 30px;
width: 15vw;
}
.dropdown-content a {
display: block;
}
.dropdown:hover .dropdown-content {
display: block;
}
.site-footer {
margin: auto;
position: relative; padding: 32px 0;
color: white;   justify-self: center;
z-index: 20; }
.footer-column a {
font-size: clamp(18px, 1.1vw, 25px);
align-self: center;
letter-spacing: 0.2em;
transition: opacity 0.3s ease;
font-family: var(--font-secondary) , var(--font-primary);
}
.footer-column a:hover {
opacity: 0.5;
}
.footer-copyright { align-items: center;
text-align: center;
color: white;
}
.footer-links {
display: flex;
flex-direction: column;
justify-content: center; align-items: center; gap: 1vh;
margin-bottom: 1em;
}
.footer-top {
display: inline-block;
align-items: center;
justify-content: center;
height: 50px;
padding-right: 20px; }
.footer-top img {
width: 200px;
height: auto;
align-self: center;
margin: auto; }
.footer-top:hover img {
opacity: 0.5;
}
.footer-column {
display: flex;
flex-direction: column;
gap: 0.1vw;
align-items: flex-start;
width: fit-content;
}
.footer-bottom {
display: flex;
flex-direction: row;
justify-content: space-between;
gap: clamp(20px, 5vw, 500px);
align-items: center;
width: fit-content;
}
.footer-right,.footer-left {
width: min(calc(25 * 1440px / 100), 25vw);
} @media (max-width: 1024px) {
.footer-links {
display: grid;
gap: 20px;
text-align: center;
justify-items: center;
}
.footer-logo {
width: 150px;
justify-self: center;
text-align: center;
}
.footer-logo img {
width: 100%;
}
} @media (max-width: 767px) {
.site-footer {
padding: 10vw 0 0 0;
}
.footer-column {
justify-self: center;
}
.footer-column a {
font-size: clamp(18px, 3.5vw, 22px);
margin-top: 10px;
white-space: nowrap;
}
.footer-links {
display: flex;
flex-direction: column;
gap: 30px;
}
.footer-top img {
width: 250px; }
.footer-logo img {
width: 100%;
}
.footer-bottom {
display: flex;
flex-direction: column;
gap: 0;
}
.footer-left {
order: 0;
}
.footer-right {
order: 1;
}
.footer-middle {
order: 2;
}
.footer-copyright {
padding-bottom: 5%;
}
}