html {
    font-size: 62.5%;
    font-family: 'Neutrif-Pro', sans-serif;
    overflow-y: scroll;
    background-color: #ECEFF1;
    color: #424242;
}

#diguiet {
    padding: 22em 12em;
}

#diguiet header {
    font-size: 3em;
    font-weight: bold;
    letter-spacing: -0.036em;
    margin-bottom: 1.666667em;
}

#diguiet .copy {
    float: left;
    width: 42.65%;
}

#diguiet h2 {
    font-size: 5.2em;
    letter-spacing: -0.036em;
    font-weight: 500;
    padding-right: 1em;
    max-width: 10em;
}

#diguiet p {
    font-size: 1.6em;
    letter-spacing: -0.036em;
    line-height: 1.5;
    margin-top: 2.875em;
    max-width: 27em;
    padding-right: 3em;
}

#diguiet .inner:before, #diguiet .inner:after {
    content: " ";
    display: table;
}

#diguiet .inner:after {
    clear: both;
}

#diguiet .caps-link {
    color: #3F51B5;
}

#diguiet .caps-link:after {
    background: #3F51B5;
}

@media screen and (max-width: 1000px) {
    #diguiet {
        padding: 7.4em 2.5em;
    }

    #diguiet header {
        font-weight: 500;
        line-height: 2;
        margin-bottom: 0.166667em;
    }

    #diguiet .copy h2 {
        max-width: none;
        font-size: 4.5em;
        line-height: 1.333333;
        padding-right: 0;
    }

    #diguiet .copy p {
        margin-top: 2.3125em;
        padding-right: 0;
    }
}

.caps-link {
    font-size: 1em;
    font-weight: 500;
    text-transform: uppercase;
    margin-top: 4.333333em;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0.333333em;
    border-left: #bbbbbb solid 2px;
    padding: 16px;
}

.caps-link .caps-link-inner {
    font-size: 1.2em;
    font-weight: 500;
    text-transform: uppercase;
    display: inline-block;
    text-decoration: none;
    letter-spacing: 0.333333em;
}

@keyframes verticalReveal {
    0% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

@-webkit-keyframes verticalFadeIn {
    0% {
        -webkit-transform: translateY(100px);
        -moz-transform: translateY(100px);
        -ms-transform: translateY(100px);
        -o-transform: translateY(100px);
        transform: translateY(100px);
        opacity: 0;
    }
    100% {
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        -o-transform: translateY(0);
        transform: translateY(0);
        opacity: 1;
    }
}

.vertical-reveal-outer,
.vertical-reveal-inner {
    display: block;
}

.vertical-reveal-inner {
    -webkit-transform: translateY(100px);
    -moz-transform: translateY(100px);
    -ms-transform: translateY(100px);
    -o-transform: translateY(100px);
    transform: translateY(100px);
    opacity: 0;
}

.vertical-reveal-inner.visible {
    -webkit-animation: 1.5s verticalReveal 1 cubic-bezier(0.19, 1, 0.22, 1);
    -moz-animation: 1.5s verticalReveal 1 cubic-bezier(0.19, 1, 0.22, 1);
    -ms-animation: 1.5s verticalReveal 1 cubic-bezier(0.19, 1, 0.22, 1);
    -o-animation: 1.5s verticalReveal 1 cubic-bezier(0.19, 1, 0.22, 1);
    animation: 1.5s verticalReveal 1 cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}

.vertical-fade-in-outer,
.vertical-fade-in-inner {
    display: block;
}

.vertical-fade-in-inner.visible {
    -webkit-animation: 1.5s verticalFadeIn 1 cubic-bezier(0.19, 1, 0.22, 1);
    -moz-animation: 1.5s verticalFadeIn 1 cubic-bezier(0.19, 1, 0.22, 1);
    -ms-animation: 1.5s verticalFadeIn 1 cubic-bezier(0.19, 1, 0.22, 1);
    -o-animation: 1.5s verticalFadeIn 1 cubic-bezier(0.19, 1, 0.22, 1);
    animation: 1.5s verticalFadeIn 1 cubic-bezier(0.19, 1, 0.22, 1);
    -webkit-animation-fill-mode: both;
    -ms-animation-fill-mode: both;
    -moz-animation-fill-mode: both;
    -o-animation-fill-mode: both;
    animation-fill-mode: both;
}