/* Grid system ----------------------------------------------------------------------------------------------------- */

.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12 {float:left;margin-left:2.222%;box-sizing:border-box;}
.first {margin-left:0;clear:left;}
.col-1{width:6.239%;}
.col-2{width:14.700%;}
.col-3{width:23.162%;}
.col-4{width:31.623%;}
.col-5{width:40.085%;}
.col-6{width:48.547%;}
.col-7{width:57.008%;}
.col-8{width:65.470%;}
.col-9{width:73.931%;}
.col-10{width:82.393%;}
.col-11{width:90.854%;}
.col-12{width:99.316%;}
.skip-1{margin-left:8.461%;}
.skip-2{margin-left:16.922%;}
.skip-3{margin-left:25.383%;}
.skip-4{margin-left:33.844%;}
.skip-5{margin-left:42.305%;}
.skip-6{margin-left:50.766%;}
.skip-7{margin-left:59.227%;}
.skip-8{margin-left:67.688%;}
.skip-9{margin-left:76.149%;}
.skip-10{margin-left:84.610%;}
.skip-11{margin-left:93.071%;}
.skip-12{margin-left:101.532%;}
@media (max-width:590px){
    .col-1{width:100%;margin-left:0;}
    .col-2{width:100%;margin-left:0;}
    .col-3{width:100%;margin-left:0;}
    .col-4{width:100%;margin-left:0;}
    .col-5{width:100%;margin-left:0;}
    .col-6{width:100%;margin-left:0;}
    .col-7{width:100%;margin-left:0;}
    .col-8{width:100%;margin-left:0;}
    .col-9{width:100%;margin-left:0;}
    .col-10{width:100%;margin-left:0;}
    .col-11{width:100%;margin-left:0;}
    .col-12{width:100%;margin-left:0;}
    .skip-1{margin-left:0;}
    .skip-2{margin-left:0;}
    .skip-3{margin-left:0;}
    .skip-4{margin-left:0;}
    .skip-5{margin-left:0;}
    .skip-6{margin-left:0;}
    .skip-7{margin-left:0;}
    .skip-8{margin-left:0;}
    .skip-9{margin-left:0;}
    .skip-10{margin-left:0;}
    .skip-11{margin-left:0;}
    .skip-12{margin-left:0;}
}
.sqblk img {
    max-width:100%;
    height:auto;
    display:block;
}
div.clear {
    clear: both;
}
div.clear-left {
    clear: left;
}
div.clear-right {
    clear: right;
}



/* Responsive cropping of images ----------------------------------------------------------------------------------- */

.sqblk.crop-img > .imgwrap {
    display: block;
    position: relative;
    overflow: hidden;
    margin-bottom: 10px;

    background-repeat:          no-repeat;
    background-size:            cover;
    background-position:        center center;
}
.sqblk.crop-img > .imgwrap > img {
    display: none;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

/* 233.333333% = 9:21 aspect ratio */
.sqblk.crop-img.image-height-233 > .imgwrap {
    padding-bottom: 233.333333%;
}
/* 177.777777% = 9:16 aspect ratio */
.sqblk.crop-img.image-height-177 > .imgwrap {
    padding-bottom: 177.777777%;
}
/* 150% = 2:3 aspect ratio */
.sqblk.crop-img.image-height-150 > .imgwrap {
    padding-bottom: 150%;
}
/* 133% = 3:4 aspect ratio */
.sqblk.crop-img.image-height-133 > .imgwrap {
    padding-bottom: 133%;
}

/* 100% = 1:1 aspect ratio (i.e. square) */
.sqblk.crop-img.image-height-100 > .imgwrap {
    padding-bottom: 100%;
}

/* 75% = 4:3 aspect ratio */
.sqblk.crop-img.image-height-75 > .imgwrap {
    padding-bottom: 75%;
}
/* 66% = 3:2 aspect ratio */
.sqblk.crop-img.image-height-66 > .imgwrap {
    padding-bottom: 66%;
}
/* 56.25% = 16:9 aspect ratio */
.sqblk.crop-img.image-height-56 > .imgwrap {
    padding-bottom: 56.25%;
}
/* 42.8571428% = 21:9 aspect ratio */
.sqblk.crop-img.image-height-42 > .imgwrap {
    padding-bottom: 42.8571428%;
}