html {
        box-sizing: border-box;
    }
    
    *,
    *:before,
    *:after {
        box-sizing: inherit;
        padding: 0;
        margin: 0;
    }
    
    a,
    a:visited {
        color: blue;
    }
    
    body {
        font-family: 'Roboto', sans-serif;
        font-size: 11px;
    }
    
    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,
    .bottom {
        -webkit-flex: 1 auto;
        flex: 1 auto;
    }
    
    .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;
        height: 100%;
    }
    
    .flickity-slider {
        position: absolute;
        width: 100%;
        height: 100%;
    }
    
    ::-webkit-full-screen #okgallery {
        width: 100%;
        height: 100%;
    }
    
    ::-webkit-full-screen #okgallery {
        width: 100%;
        height: 100%;
    }
    
    .full-screen #okgallery {
        width: 100%;
        height: 100%;
    }
    
    .cell {
        width: 100vw;
        display: inline-block;
        flex: 1 auto;
        height: 50vh;
    }
    
    .bottom {
        /*height: 20vh;*/
        flex: 0 auto;
        background: #eee;
        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;
        }
    }