img {
    max-width: 100%;
    box-sizing: border-box; 
}

.logo {
    width: 80%;
    max-width: 100%;
    box-sizing: border-box; 
    margin-top: 5rem;
    margin-bottom: 8rem;
}

@media (min-width: 550px) {
.logo {
    width: 80%;
    margin-top: 10rem;
    margin-bottom: 5rem;
}}




.nav li  {
    list-style: none;
/*    background-color: red;*/
}

.nav li {
    list-style: none;
    padding-top: 4rem;
    text-align: center;
    
}

.nav li:hover  { 
    opacity: .25;
}   



.navy {
    font-size: 2.2rem;
    line-height: 1.6;
    letter-spacing: 0.9rem;    
    text-align: center;
    text-transform: uppercase;
    font-weight: 700;

}

@media (min-width: 550px) {
.navy {
    font-size: 1.5rem;
    line-height: 1.6;
    letter-spacing: 0.6rem;  
}}

a {
    text-decoration: none;
    color: #E5ECEC;
}

a:hover {
    text-decoration: none;
    color: #E5ECEC;
}


.gallery {
    margin-bottom: 4rem;
}