body {
    margin: 0;
    padding: 0;
    /* font-family: sans-serif; */
    font-family:  georgia, 'times new roman', sans-serif;
}

a a:hover,
a:visited {
    color: #e96138;
}

#map {
    top: 0;
    height: 100vh;
    width: 100vw;
    position: fixed;
    z-index: -5;
}

#header {
    margin: auto;
    min-height: 100vh;
    width: 100%;
    position: relative;
    z-index: 5;
    padding: 2vh 0vh 5vh 0vh;
    background-size: center;
    text-align: center;
    background-image: url(./image/002.jpg);

}

#wrapperOne {
    background-color: #f6f2e7;
    margin-top: 3em;
    margin-left: auto;
    margin-right: auto;
    padding: 0.5em;
    max-width: 40%;
}

#wrapperOne img {
    width: 75%;
    margin: 2vh auto
}

#wrapperOne p {
    width: 75%;
    margin: 2vh auto;
    text-align: justify;
    line-height: 1.5em;
    font-size: 1em;
}

#wrapperOne .byline {
    /* font-weight: 300; */
    font-size: 0.9em;
}


#midContain {
    width: 100%;
    padding-top: 2vh;
    padding-bottom: 2vh;
    text-align: center;
    background-color: #f6f2e7;
}

#midContain p {
    width: 60%;
    margin: 2vh auto;
    text-align: justify;
    line-height: 1.8em;
    font-size: 1em;
}


#midContain h3 {
    font-weight: 700;
    max-width: 50vw;
    margin: 5vh auto;
    
}

#midContain img {
    max-width: 50vw;
}

#midContain .imageCredit {
    font-size: 0.9em;
    margin-top: -5px;
    color: #e96138;
    display: flex;
    justify-content: center;
    text-align: center;
}


#footer {
    width: 100%;
    min-height: 5vh;
    padding-top: 2vh;
    padding-bottom: 2vh;
    text-align: center;
    line-height: 25px;
    font-size: 13px;
}


#features img {
    max-width: 50vw;

}

#features p {
    text-align: justify;
    font-size: 1.2em;
    color: black;
    max-width: 50vw;
    /* margin:0 auto; */
}

#features .imageCredit {
    font-size: 0.9em;
    margin-top: -5px;
    color: #e96138;
}



.hidden {
    visibility: hidden;
}

.centered {
    width: 50vw;
    margin: 0 auto;
}

.lefty {
    width: 26vw;
    margin-left: 1.5vw;
}

.righty {
    width: 26vw;
    margin-left: 62vw;
}

.fully {
    width: 100%;
}

.light {
    color: #444;
    background-color: #f6f2e7;
}


.dark {
    color: #f6f2e7;
    background-color: #444;
}

.step {
    padding-bottom: 50vh;
    /* margin-bottom: 10vh; */
    opacity: 0.25;
}

.step.active {
    opacity: 0.99;
}

.step div {
    padding: 2vw 2vw;
    line-height: 25px;
    font-size: 13px;

}

.step img {
    width: 100%;
}

.w-half {
    width: 60%;
    height: 60vh;
}

.w-full {
    width: 100%;

}


@media (max-width: 750px) {
    #features {
        width: 90vw;
        margin: 0 auto;
    }

    #wrapperOne {
        max-width: 90vw;
    }

}