body {
    font-family: 'Montserrat', sans-serif;
}

.navWrap nav {
    width:80vw;
    height: 70px
}


.mainNav li {
    width: auto;
    min-width: 115px;
    margin: 3vw;
}

#timelessMain h1 {
    font-size: 1.6rem;
    letter-spacing: 0.05em
}

#timelessMain p {
    letter-spacing: 0.05em;
    line-height: 2em;
}

.timelessSectionText p {
    font-size: 0.95rem;
    letter-spacing: 0.02em;
    line-height: 1.5em
}

#personMainTitle p {
    letter-spacing: 0em;
    line-height: 1.5em
}

#personList table tr td {
    letter-spacing: 0em
}

.textWrap h2 {
    letter-spacing: 0em
}

.textWrap h3 {
    letter-spacing: 0em
}

.location section h3 {
    letter-spacing: 0em
}

.location section p {
    letter-spacing: 0em
}

#recruitTitle p {
    letter-spacing: 0em
}

.recruitList h2 {
    letter-spacing: 0em
}

.listFirstlevel > li {
    letter-spacing: 0em;
}

.description p {
    letter-spacing: 0em
}

.modalEntry .material-icons {
    position: relative;
    top:5px;
}

@media screen and (min-width: 1025px) {
    
    .mainNav {
        margin: 2vw;
    }

    .mainNav li {
        width: auto;
        margin: 3vw
    }

    .entryNav {
        min-width: 250px
    }

}

_:-ms-fullscreen, :root .location.snp {
    margin: 0px auto -1100px auto
}


@media only screen and (min-width:768px) and (max-width:1024px) {

    nav {
        width: 95vw;
    }

    .mainNav {
        margin: 2vw;
    }

    .mainNav li {
        width: auto;
        margin: 1.5vw
    }
    
    .entryNav {
        min-width: 200px
    }


}

@media screen and (max-width: 767px) {
    
    #timelessMain h1 {
        text-align: left;
    }

    #timelessMain p {
        text-align: left;
    }

}


.toplogo  {
    display: flex;
    justify-content: center;/* 3 */
    align-items: center
}