h1 {
    font-family: "Montserrat", sans-serif;
    font-size: 5vw;
}

.scroll-box {
    position: fixed;
    top: 0px;
    right: 0px;
    bottom: 0px;
    left: 70px;
    overflow-y: auto;
    overflow-x: hidden;
}

.scroll-element {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    z-index: -1;
}

.mid-spread {
    width: 100%;
    height: 80vh;
    min-height: 70em;
}

.small-spread {
    width: 100%;
    height: 50vh;
    min-height: 50em;
}

.full-spread {
    width: 100%;
    height: 100vh;
}

.transparent {
    background-color: rgba(0, 0, 0, 0.6);
}

.bbg {
    background-color: #000000;
}

.bt {
    color: #000000;
}

.wbg {
    background-color: #FFFFFF;
}

.wt {
    color: #FFFFFF;
}

.la {
    text-align: left;
}

div.flexed {
    padding: 1vw;
    padding-left: 5vw;
    padding-right: 5vw;
}

.cc {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    align-items: baseline;
    align-content: space-around;
}

div.col {
    flex: 1 1 35em;
    padding: 0.5em;
}

th {
    font-family: "Montserrat", sans-serif;
    font-size: 2.1em;
}

td {
    width: 50%;
    vertical-align: top;
    padding: 10px;
}

img.icon {
    width: 7.5em;
    height: 7.5em;
}