body {
        -webkit-overflow-scrolling: touch;
        /* Safari 3.1+ */
        -moz-overflow-scrolling: touch;
        /* Firefox 2+ */
        -ms-overflow-scrolling: touch;
        /* IE 10+ */
        overflow-scrolling: touch;
        /* Standard syntax */
        -webkit-user-select: none;
        /* Safari 3.1+ */
        -moz-user-select: none;
        /* Firefox 2+ */
        -ms-user-select: none;
        /* IE 10+ */
        user-select: none;
        /* Standard syntax */
    }
    
    img {
        width: 98.44px;
        height: 115px;
    }
    
    .logo {
        background: rgba(36, 183, 135, 1);
        clip-path: circle(50%);
        height: 5em;
        width: 5em;
        width: 250px;
        height: 250px;
    }
    
    .grid-item--overlap {
        position: absolute;
        z-index: 20;
        top: 400px;
        left: 50%;
        transform: translate(-50%, -50%);
    }
    
    .container {
        width: auto;
        position: relative;
        background-image: url("../img/seperate-207.png"), url("../img/seperate-104.png"), url("../img/seperate-104.png"), url("../img/seperate-104.png"), url("../img/seperate-104.png"), url("../img/seperate-104.png"), url("../img/seperate-104.png"), url("../img/seperate-104.png"), url("../img/seperate-104.png"), url("../img/seperate-104.png"), url("../img/seperate-104.png");
        background-position: right 0px, right 115px, right 230px, right 345px, right 460px, right 575px, right 690px, right 805px, right 920px, right 1035px, right 1150px, right 1265px, right 1380px, right 1495px, right 1610px, right 1725px, right 1840px, right 1955px, right 1380px, right 1380px, right 1380px, right 1380px;
        background-size: 98.44px 115px;
        background-repeat: no-repeat;
    }
    /* ---- grid ---- */
    
    .grid {}
    /* clearfix */
    
    .grid:after {
        content: '';
        display: block;
        clear: both;
    }
    /* ---- grid-item ---- */
    
    .grid-item {
        width: 98.44px;
        height: 115px;
        float: left;
        background: #D26;
    }
    
    .grid-item--width2 {
        grid-row: 2;
        background-color: black;
    }
    
    .grid-item--width3 {
        grid-row: 2;
        grid-column: 1;
        background-color: blue;
    }
    
    .grid-item--width4 {
        width: 640px;
    }
    
    .grid-item--height2 {
        height: 200px;
    }
    
    .grid-item--height3 {
        height: 260px;
    }
    
    .grid-item--height4 {
        height: 360px;
    }
    
    .grid-item--gigante {
        width: 320px;
        height: 360px;
        background: #F90;
        z-index: 2;
        /* abover other items */
    }
    /*Zoom In effect*/
    
    .column#zoomIn img {
        -webkit-transform: scale(1);
        transform: scale(1);
        -webkit-transition: .3s ease-in-out;
        transition: .3s ease-in-out;
        z-index: -1;
    }
    
    .column#zoomIn:hover img {
        -webkit-transform: scale(1.3);
        transform: scale(1.3);
        z-index: -1;
    }
    
    figure {
        overflow: hidden;
        margin: 0;
    }