/* STARTING RESET */
html, body {
    margin: 0;
    padding: 0;
}




/* GLOBAL STYLES */
body {
    font-family: 'Montserrat', 'sans-serif';
}

.is-flex {
    display: flex;
}




/* NAVIGATION STYLES */
nav {
    background-color: black;
}

nav ul {
    justify-content: center;
    padding: 25px 0;
}

nav ul li a {
    text-decoration: none;
    font-size: 25px;
    font-weight: 500;
    color: white;
}

nav ul li a:hover {
    color: yellow;
}

.nav-logo {
    margin: 0 34px;
}




/* BODY STYLES */
.gallery-header {
    margin: 100px 0 50px 0;
    flex-direction: column;
    align-items: center;
}

h1 {
    font-size: 50px;
    font-weight: 800;
    text-align: center;
}

h2 {
    font-size: 20px;
    font-weight: 500;
}




/* GALLERY STYLES */
.gallery-col {
    width: 22.5%;
    flex-direction: column;
}

.outer-col {
    margin: 0 2%;
}

.col-2 {
    margin-right: 2%;
}

.gallery-thumbnail {
    margin-bottom: 25px;
}

.gallery-container {
    margin-bottom: 50px;
}

.btn {
    font-size: 20px;
    font-weight: 300;
    color: grey;
    border: 1px solid grey;
    padding: 10px 25px;
    margin-bottom: 100px;
    text-decoration: none;
}

.btn-container {
    justify-content: center;
}




/* FOOTER STYLES */
footer {
    background-color: black;
}

footer p {
    font-size: 15px;
    font-weight: 400;
    color: white;
    padding: 50px 25px;
}