* {
    box-sizing: border-box;
    margin:0;
    padding:0;
}

body {
    padding:10px;
    font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-size:18px;
}

a {
    color:#000;
}

h1 {
    font-weight:300;
}

@media (max-width:600px) {
    h1 {
        font-size:1.2em;
    }
}

.thumb {
    width:calc(100% / 3);
    position:relative;
}

.thumb.thumb--video {
    width:100%;
}

.thumb_content {
    padding:10px;
}

.thumb--video .thumb_content {
    width:100%;
    position:relative;
    height:0;
    padding-bottom:calc(100% / 16 * 9);
}

.thumb img {
    display:block;
    width: 100%;
    height: auto;
    transition:transform 0.3s ease;
}

.thumb .thumb_download {
    color:#fff;
    position:absolute;
    bottom:20px;
    right:20px;
    opacity:0;
    transition:opacity 0.3s ease;
}

.thumb .thumb_download span:before {
    font-size:2em;
}


.thumb:hover .thumb_download {
    opacity:1;
}

.thumb img:hover {
    transform:scale(1.1);
}

.thumb.thumb--video .thumb_content video {
    position:absolute;
    left:10px;
    top:10px;
    right:10px;
    width:calc(100% - 20px);
}

@media (min-width:600px) {
    .thumb {
        width:25%;
    }

    .thumb.thumb--video {
        width:100%;
    }

}

@media (min-width:1000px) {
    .thumb {
        width:calc(100% / 6);
    }

    .thumb.thumb--video {
        width:calc(100% / 6 * 5);
    }

    .thumb--video .thumb_content {
        width:100%;
        padding-bottom:calc( 100% / 5 * 3 - 10px);
    }

}


@media (min-width:1200px) {
    .thumb {
        width:12.5%;
    }

    .thumb.thumb--video {
        width:calc(100% / 8 * 5);
    }

    .thumb--video .thumb_content {
        width:100%;
        padding-bottom:calc(100% / 5 * 3 - 10px);
    }


}

/*Fancy Box*/
.fancybox-bg {
    /* background-color: blue;*/
}

.fancybox-is-open .fancybox-bg {
    opacity: 0.5;
}