* {
    background-color: transparent;
}
.navbar {
    display:flex;
    justify-content:space-between;
    align-items:stretch;
    background-color:transparent;
    flex-direction: column;
    margin-top: 1vw;
}

.navbar-main {
    display:flex;
    justify-content:space-between;
    align-items:center;
    background-color:none;
    flex-direction:row;
    column-gap:15vw;
    margin-left:2vw;
    margin-right:2vw;
}

.navbar-logo {
    text-transform:uppercase;
    font-family: "Grandstander", sans-serif;
    font-weight:500;
    font-size: 3vw;
    color:#DDD7C6;
    -webkit-text-stroke-width: 1.5px;
    -webkit-text-stroke-color: #618578;
}

.navbar-links {
    flex-basis:3;
}

.navbar-links ul {
    margin:0;
    padding:0;
    display:flex;
    justify-content:flex-end;
    column-gap:2.5vw;
    row-gap:1vw;
    flex-wrap:wrap;
}

.navbar-links li {
    list-style: none;
}

.navbar-links li a {
    padding:.5em;
    text-decoration: none;
    font-family: "fredoka", sans-serif;
    font-weight: 500;
    font-size: 1.5vw;
    color:#DDD7C6;
}

.navbar-links li a.active {
    border-style: solid;
    border-width: .1vw;
    border-color: #DDD7C6;
}

.navbar-links li a:hover {
    background-color: rgba(255,255,255,0.2);
    transition-duration: .3s;
}

.bar {
    height:.1vw;
    width: 95vw;
    margin: 1vw;
    background-color: #DDD7C6;
    align-self: center;
}

/* Footer */

.footer {
    display:flex;
    flex-direction:column;
}

.footer img {
    width:3.5vw;
    min-width:30px;
    background-color: transparent;
    display:inline;
}

.footer-main {
    display:flex;
    flex-direction:row;
    justify-content: space-between;
    margin-left:2vw;
    margin-right:2.5vw;
    margin-bottom:1vw;
    background-color: transparent;
}

.footer-mail {
    display:flex;
    flex-direction:row;
    align-items:center;
    column-gap:2vw;
}

.footer-mail span {
    font-family: "fredoka", sans-serif;
    font-weight: 500;
    font-size: 2vw;
    color:#DDD7C6;
    background-color: transparent;
    flex-grow:1;
}

.footer-logos ul {
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    margin:0;
    padding:0;
    background-color: transparent;
    column-gap:2.5vw;
    row-gap:1vw;
    flex-wrap:wrap;
}

.footer-logos li {
    list-style:none;
    margin:0;
    padding:.8vw;
    background-color: transparent;
}

.footer-logos li a {
    text-decoration:none;
    color:#DDD7C6;
    background-color: transparent;
}

.footer-logos li:hover {
    background-color: rgba(255,255,255,0.2);
    transition-duration: .3s;
}

@media screen and (max-width: 700px) {
    
    .navbar-main {
        column-gap:1.5rem;
        margin-left:1rem;
        margin-right:1rem;
    }
    .navbar-logo{
        font-size: 1.5rem;
    }
    .navbar-links ul {
        column-gap: 1rem;
        row-gap: 1rem;
    }
    .navbar-links li a {
        font-size: .9rem;
    }
    .footer-mail img {
        width:5vw;
    }
    .footer-mail span {
        font-size:.9rem;
    }
    .footer-logos ul {
        column-gap: 2vw;
        row-gap: 2vw;
    }
    .footer-logos li a {
        width:5vw;
    }
}