@charset "UTF-8";
/* CSS Document */

/* -------------------------------------------------- SECTIONS */
.section {
    background-color: #ffffff;
    padding-top: 4.5em;
    text-align: center;
    color: #ad8261;
    display: flex;
    align-content: flex-start;
    justify-content: center;
    flex-wrap: wrap;
    box-sizing: border-box;
}
.sec-0 {
    background-color: #414042;
    position: relative;
    padding-top: 0;
}
    .sec-0 div {
        position: relative;
    }
        .sec-0 .main-image {
            width: 100%;
            height: 100%;
            max-width: 100vw;
            max-height: 100vh;
            object-fit: cover;
            object-position: bottom right;
        }
        .sec-0 .signature {
            position: absolute;
            left: 3%;
            top: 25%;
            width: 40%;
            opacity: 0.5;
        }
        .sec-0 .copyright {
            position: absolute;
            bottom: 5%;
            left: 50%;
            transform: translateX(-50%);
            width: 90%;
            text-align: left;
            color: #ffffff;
            font-size: 0.8em;
            text-shadow: 0px 0px 3px rgba(0,0,0,0.9);
        }
    .sec-1 .main-image,
    .sec-2 .main-image,
    .sec-3 .main-image,
    .sec-4 .main-image,
    .sec-5 .main-image,
    .sec-6 .main-image,
    .sec-7 .main-image,
    .sec-8 .main-image {
        max-width: 100vw;
        max-height: calc(100vh - 4em);
    }



/* -------------------------------------------------- LIGHTBOX */
#LightboxContainer {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    transition: opacity 0.3s linear;
}
#Lightbox {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    height: 90%;
    background-color: #ffffff;
    box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.5);
    transition: transform 0.5s ease-out;
    padding: 3em;
    box-sizing: border-box;
    display: none;
}
    #Lightbox.closed {
        transform: translate(-50%, -40%);
    }
                
@media screen and (max-width: 750px) {
    .sec-0 .signature {
        width: 80%;
    }
}

/* -------------------------------------------------- MISCELLANY */
.vh-100 {
    height: 100vh;
}
.vh-140 {
    height: 140vh;
}
.vw-100 {
    width: 100vw;
}
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
}
.flex-nowrap {
    -ms-flex-wrap: nowrap!important;
    flex-wrap: nowrap!important;
}
.flex-shrink-0 {
    -ms-flex-negative: 0!important;
    flex-shrink: 0!important;
}
.justify-content-center {
    -ms-flex-pack: center!important;
    justify-content: center!important;
}
.align-items-center {
    -ms-flex-align: center!important;
    align-items: center!important;
}
.hidden {
    opacity: 0.0;
}
.disabled {
    display: none;
}