html {
        box-sizing: border-box;
    }
    
    *,
    *:before,
    *:after {
        box-sizing: inherit;
        padding: 0;
        margin: 0;
        outline: 0;
        border: 0;
        -webkit-appearance: none;
    }
    
    a,
    a:visited {
        color: blue;
    }
    
    body {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
        background: #fff;
    }
    
    div,
    span {
        display: inline-block;
        float: left;
    }
    
    .item {
        height: 100vh;
        display: -webkit-flex;
        display: flex;
        -webkit-flex-flow: column wrap;
        flex-flow: column wrap;
    }
    
    .top {
        background: yellow;
        width: 100%;
        /*height: 80vh;*/
        flex: 1 auto;
    }
    /*! Flickity */
    
    .flickity-enabled {
        position: relative;
    }
    
    .flickity-enabled:focus {
        outline: none;
    }
    
    .flickity-viewport {
        overflow: hidden;
        position: relative;
        width: 100%;
    }
    
    .flickity-slider {
        position: absolute;
        width: 100%;
    }
    
    button {
        height: 70vh;
        /*THIS SHOULD BE DYNAMIC*/
        width: 10vw;
        position: absolute;
        top: 0;
        background: transparent;
        cursor: pointer;
    }
    
    button svg {
        opacity: 0;
        transition: 150ms all;
        transition-timing-function: cubic-bezier(0, 0, 1, 1);
        transform: scale(0.3);
    }
    
    button.next {
        right: 0;
    }
    
    button.previous {
        left: 0;
    }
    
    button.previous:hover svg,
    button.next:hover svg {
        opacity: 1;
        transform: scale(0.2);
    }
    
    button.next:active svg,
    button.previous:active svg {
        transform: scale(0.1);
    }
    /*
    button.next:hover {
        background: rgba(255, 255, 255, 0.5);
    }
    
    button.previous:hover {
        background: rgba(255, 255, 255, 0.5);
    }
    */
    
    .cell {
        width: 100vw;
        height: 70vh;
        /*THIS SHOULD BE DYNAMIC*/
        background-position: center;
        background-size: cover;
        background-repeat: no-repeat;
    }
    
    .cell.contain {
        background-size: 20%;
        background-color: #eee;
    }
    
    .bottom {
        /*height: 20vh;*/
        flex: 0 auto;
        overflow: hidden;
        padding: 5px 0;
    }
    
    .five {
        width: 100%;
    }
    
    .headings {
        font-family: 'Roboto Mono', monospace;
        font-size: 8px;
        font-weight: 700;
    }
    
    .texts {
        font-weight: 400;
        padding: 3px 0 0 0;
        font-weight: 400;
    }
    
    .five span {
        width: calc(12% - 8px);
        margin: 0 4px;
    }
    
    .press .headings span:nth-child(5) {
        width: calc(40% - 8px);
    }
    
    .headings span {
        border-bottom: 1px solid;
        padding: 0 0 2px 0;
    }
    
    .press .headings span:last-child:before {
        content: "PRESS";
    }
    
    .five .description {
        width: 50%;
        -webkit-column-count: 3;
        /*text-align: justify;*/
    }
    
    .press .five .description {
        width: calc(40% - 8px);
        -webkit-column-count: 2;
    }
    
    .press .texts span:last-child a {
        width: 100%;
        display: inline-block;
    }
    
    ul li {
        list-style-type: none;
    }
    
    .nopress span:nth-child(5) {
        width: calc(52% - 8px);
    }
    
    .nopress span:last-child {
        display: none;
    }
    
    @media (min-width: 1200px) {
        .texts {
            font-size: 13px;
        }
    }
    
    @media (min-width: 1400px) {
        .texts {
            font-size: 14px;
        }
    }
    
    @media (min-width: 1600px) {
        .texts {
            font-size: 15px;
        }
    }