* {
    font-family: 'Montserrat';
}

.logo, .footer-logo {
    font-family: 'Gruppo', Arial, Helvetica, sans-serif;
}

header {
    height: 500px;
}
.transparent-div {
    background-color: rgba(255, 245, 238, 0.2);
    height: 100vh;
    width: 100%;
}

.toggle-button {
    position: absolute;
    top: 1.1rem;
    right: 1.4rem;
}

.learn-more {
    height: 315px;
}

.first-div .right {
    height: 450px;
}

.second-div {
    height: 450px;
}

.footer-bottom {
    font-size: .7rem;
}
@media (width: 1024px) {
    .nav-links.active {
        background-color: rgba(255, 255, 255, 0.750);
    }
}
@media (max-width: 1024px){
    .toggle-button {
        display: flex;
    }
    .nav-links {
        width: 100%;
        display: none;
    }
    .nav-bar {
        flex-direction: column;
        align-items: flex-start;
    }
    .nav-links ul {
        flex-direction: column;
        width: 100%;
    }
    .nav-links li {
        text-align: center;
    }
    .nav-links.active {
        display: flex;
        position: absolute;
        top: 60px;
    }
}

@media (min-width: 1100px){
    .first-div .left{
        overflow: hidden;
    }
}    
@media (min-width: 768px){
    .learn-more {
        margin-top: 250px;
    }
   .first-div {
        height: 450px;
    }    
    .first-div .left{
        margin: 2% 0;
        vertical-align: middle;
    }
}   
@media (min-width: 768px){
.footer-bottom {
    font-size: .7rem;
    }
}
@media (min-width: 338px){
    .learn-more {
        height: auto;
        padding-bottom: 42px;
    }
}