* {
    box-sizing: border-box;
}

.bottom {
    position: fixed;
    bottom: 0;
    color: white;
    z-index: 50;
    left: 50%;
    transform: translateX(-50%);
    -moz-transform: translateX(-50%);
}

.bottom h3 {
    font-weight: 300;
}

body {
    margin: 0;
    background: #262625;
    width: 100vw;
    height: 100vh;
    overflow: hidden;
}

div[class^=slide] {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    width: 100vw;
    height: 100vh;
    left: 100vw;
    transform: scale(1);
    -moz-transform: scale(1);
    position: absolute;
}

div[class^=slide] img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}

.slide1 {
    background: #fff;
    color: #63656a;
}

.slide1 .plot--number {
    position: absolute;
    left: 64px;
    bottom: 48px;
    fill: #fff;
    height: 120px;
    width: auto;
}

.slide1 .plot--number_img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    max-height: 400px;
}

.slide2 {
    background: #fff;
    color: #63656a;
}

.slide2 .plot--number_img {
    object-fit: contain;
    width: 100%;
    height: 560px;
}

.slide2 li {
    padding-bottom: 0.625em;
    border-bottom: 1px solid #63656a;
    margin-bottom: 0.75em;
    width: 24vw;
}

.slide2 h5{
    font-weight: 700;
    font-size: 1rem;
}

.slide2 h6 {
    font-weight: 300;
}

.slide3 {
    background: #fff;
    color: #63656a;
}

.slide3 .plot--number_img {
    object-fit: cover;
    width: 100%;
    height: 100%;
}
.slide3 h2{
    font-weight: 300;
    padding-top: calc( (var(--site-header-padding) * 2) + var(--logo-height));
    padding-left: calc(var(--container-padding) / 2);
}
.slide3 .plot--number {
    margin-top: calc(var(--container-padding) / 4);
    margin-left: calc(var(--container-padding) / 2);
    fill: #a7a7a7;
    width: 96px;
    height: auto;
}
.slide4 {
    background: #fff;
    color: #63656a;
}
.slide4 h2{
    font-weight: 300;
    padding-top: calc( (var(--site-header-padding) * 2) + var(--logo-height));
}
.slide4 .plot--number_img {
    max-width: 22.5vw;
    height: auto;
    margin: 0 auto;
}
.slide4 .plot--number_img_2 {
    max-width: 24vw;
    height: auto;
    margin: 0 auto;
}

.slide4 li {
    padding-bottom: 0.375em;
    border-bottom: 1px solid #63656a;
    margin-bottom: 0.5em;
    width: 22.5vw;
}
.slide4 .list--alt li {
    width: 15vw;
}
.slide4 h4{
    font-weight: 700;
    text-align: center;
    margin: calc( (var(--site-header-padding) / 2)) 0;
}

.slide4 h5{
    font-weight: 400;
    font-size: .875rem;
}

.slide4 h6 {
    font-weight: 300;
    font-size: .875rem;
}

.slide5 {
    background: #fff;
    color: #63656a;
}
.slide5 h1{
    font-weight: 300;
    padding-top: calc( (var(--site-header-padding) * 2) + var(--logo-height));
}

.slide5 .plot--number_img_2 {
    max-width: 22.5vw;
    height: auto;
    margin: 0 auto;
}
.slide5 .plot--number_img {
    max-width: 24vw;
    height: auto;
    margin: 0 auto;
}
.slide5 li {
    padding-bottom: 0.375em;
    border-bottom: 1px solid #63656a;
    margin-bottom: 0.5em;
    width: 22.5vw;
}
.slide5 .list--alt li {
    width: 15vw;
}
.slide5 h4{
    font-weight: 700;
    text-align: center;
    margin: calc( (var(--site-header-padding) / 2)) 0;
}

.slide5 h5{
    font-weight: 400;
    font-size: .875rem;
}

.slide5 h6 {
    font-weight: 300;
    font-size: .875rem;
}

.image--wrapper {
    height: 100%;
    width: 100%;
    padding: var(--site-header-height) calc(var(--container-padding) / 2) var(--container-padding);
}

.plot--number_img_fluidscreen {
    object-fit: contain;
    width: 100%;
    height: 100%;
}

.slide6, .slide7, .slide8, .slide9, .slide10, .slide11, .slide12, .slide13, .slide14, .slide15, .slide16, .slide17, .slide18, .slide19 {
    background: #fff;
    color: #63656a;
}