/*
	-----------------------------------------
	Name:    Colstructure for lavaProduction
  Company: Lavagraphics
  Author:  Brecht De Ruyte
  Version: 1.2
	-----------------------------------------
*/

/*
	-----------------------------------------
		Clearfix
	-----------------------------------------
*/
.cols_2:after, .cols_3:after, .cols_4:after, .cols_5:after, .cols_6:after, .cols_8:after, .colgroup:after {content: ""; display: table; clear: both;}
.clearfix:after {content: ""; display: table; clear: both;}
/*.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}  <-- old clearfix */

/*
	-----------------------------------------
	basics
	-----------------------------------------
*/

*, *:after, *:before {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}
body.noscroll {overflow: hidden; /* needed for mobile nav */}

/*
	-----------------------------------------
	Standard columns and paddings
	-----------------------------------------
*/

.col {float: left; width: 100%;}

.pad {padding: 30px;}
.padh {padding-left: 30px; padding-right: 30px;}
.padv {padding-top: 30px; padding-bottom: 30px;}
.pad_half {padding: 15px;}
.padh_half {padding-left: 15px; padding-right: 15px;}
.padv_half {padding-top: 15px; padding-bottom: 15px;}
.pad_double {padding: 60px;}
.padh_double {padding-left: 60px; padding-right: 60px;}
.padv_double {padding-top: 60px; padding-bottom: 60px;}

/*
	-----------------------------------------
	Single paddings (avoid if possible)
	-----------------------------------------
*/

.padtop {padding-top: 30px;}
.padbot {padding-bottom: 30px;}
.padleft {padding-left: 30px;}
.padright {padding-right: 30px;}

.padtop_double {padding-top: 60px;}
.padbot_double {padding-bottom: 60px;}
.padleft_double {padding-left: 60px;}
.padright_double {padding-right: 60px;}

.padtop_half {padding-top: 15px;}
.padbot_half {padding-bottom: 15px;}
.padleft_half {padding-left: 15px;}
.padright_half {padding-right: 15px;}

/*
	-----------------------------------------
	Basic columns
	-----------------------------------------
*/

.cols_2 > .col {width: 50%;}
.cols_3 > .col {width: 33.3333333%;}
.cols_4 > .col {width: 25%;}
.cols_5 > .col {width: 20%;}
.cols_6 > .col {width: 16.6666666%;}
.cols_8 > .col {width: 12.5%;}

/*
	-----------------------------------------
	single columns
	-----------------------------------------
*/

.col.col_oneeight, .col_oneeight {width: 12.5%;}
.col.col_onesixth, .col_onesixth {width: 16.6666666%;}
.col.col_onefifth, .col_onefifth {width: 20%;}
.col.col_onefourth, .col_onefourth {width: 25%;}
.col.col_onethird, .col_onethird {width: 33.3333333%;}
.col.col_half, .col_half {width: 50%;}
.col.colfull, .colfull {width: 100%;}
.col.col_twofifth, .col_twofifth {width: 40%;}
.col.col_twothird, .col_twothird {width: 66.6666666%;}
.col.col_threefourth, .col_threefourth {width: 75%;}
.col.col_threefifth, .col_threefifth {width: 60%;}
.col.col_fourfifth, .col_fourfifth {width: 80%;}
.col.col_fiveeight, .col_fiveeight {width: 62.5%;}
.col.col_seveneight, .col_seveneight {width: 87.5%;}

/*
	-----------------------------------------
	Perc columns
	-----------------------------------------
*/

.col.col_05, .col_05 {width:5%;}
.col.col_10, .col_10 {width:10%;}
.col.col_15, .col_15 {width:15%;}
.col.col_20, .col_20 {width:20%;}
.col.col_25, .col_25 {width:25%;}
.col.col_30, .col_30 {width:30%;}
.col.col_35, .col_35 {width:35%;}
.col.col_40, .col_40 {width:40%;}
.col.col_45, .col_45 {width:45%;}
.col.col_50, .col_50 {width:50%;}
.col.col_55, .col_55 {width:55%;}
.col.col_60, .col_60 {width:60%;}
.col.col_65, .col_65 {width:65%;}
.col.col_70, .col_70 {width:70%;}
.col.col_75, .col_75 {width:75%;}
.col.col_80, .col_80 {width:80%;}
.col.col_85, .col_85 {width:85%;}
.col.col_90, .col_90 {width:90%;}
.col.col_95, .col_95 {width:95%;}
.col.col_100, .col_100 {width:100%;}

/*
	-----------------------------------------
	Equal height columns
	-----------------------------------------
*/

.equal {display: table; border-collapse: collapse; width: 100%; float: left; clear: both;}
.equal .row {display: table-row;}
.equal .col {float: none; display: table-cell;}

.vtop {vertical-align: top;}
.vmid {vertical-align: middle;}
.vbot {vertical-align: bottom;}

/*
	-----------------------------------------
	grid
	-----------------------------------------
*/

.grid {font-size: 0; /* collapse witruimte tussen de inline-block items, dit is het enigste "minder mooie", maar wel correct */ letter-spacing: 0 !important; /* letterspacing op 0 */}
.grid > .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; /* en de fontsize opnieuw setten */ letter-spacing: 0.01em !important; /* betere leesbaarheid letterspacing */}

/*
	-----------------------------------------
	Image handeling
	-----------------------------------------
*/

.wallpaper {background-size: cover; background-position: center center; background-repeat: no-repeat}
.postop {background-position: center top;}
.posbot {background-position: center bottom;}

img {max-width: 100%;}
.col figure, figure img, figure a {display: block; width: 100%; max-width: 100%;}
img.fullwidth {width: 100%; max-width: 100%;}

/*
	-----------------------------------------
	Positioning classes
	-----------------------------------------
*/

.left, .col.left {float: left;}
.right, .col.right {float: right;}
.center, .col.center {float: none;float: none !important; margin: 0 auto;}

/*
	-----------------------------------------
	Text align classes
	-----------------------------------------
*/

.txtleft {text-align: left;}
.txtright {text-align: right;}
.txtcenter {text-align: center;}
.txtjust {text-align: justify;}

/*
	-----------------------------------------
	responsive video
	-----------------------------------------

	wrap the iframe, object or embed around a class .embed-container for responsive video.

*/

.embed-container {position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%;}
.embed-container iframe, .embed-container object, .embed-container embed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

/*
	-----------------------------------------
	Last child does not have padding bottom
	-----------------------------------------

	Do not give the last child a padding or margin bottom when it's inside a rt class. This is for better looking columns.

*/

.rt p:last-child, .rt ul:last-child, .rt ol:last-child {padding-bottom: 0; margin-bottom: 0;}

/*
	-----------------------------------------
	Vertical heights
	-----------------------------------------
*/

.vh100 {height: 100vh;}
.vh95 {height: 95vh;}
.vh90 {height: 90vh;}
.vh85 {height: 85vh;}
.vh80 {height: 80vh;}
.vh75 {height: 75vh;}
.vh70 {height: 70vh;}
.vh65 {height: 65vh;}
.vh60 {height: 60vh;}
.vh55 {height: 55vh;}
.vh50 {height: 50vh;}
.vh45 {height: 45vh;}
.vh40 {height: 40vh;}
.vh35 {height: 35vh;}
.vh30 {height: 30vh;}
.vh25 {height: 25vh;}
.vh20 {height: 20vh;}
.vh15 {height: 15vh;}
.vh10 {height: 10vh;}
.vh05 {height: 5vh;}

/*
	-----------------------------------------
	Position classes
	-----------------------------------------
*/

.rel {position: relative;}
.abs {position: absolute;}
.abs.center {position: absolute; left: 50%; top: 50%; -moz-transform: translate(-50%, -50%);-webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%);width: 100%;}

.hide {display: none;}

/*
-----------------------------------------
	text classes
-----------------------------------------
*/

.upp {text-transform: uppercase;}
.bold {font-weight: 700;}

/*
	-----------------------------------------
	Flexbox (Still in development...)
	-----------------------------------------
*/

/* container classes */
.flex { display: flex;}

.direction_row {flex-direction: row;}
.direction_row_reverse {flex-direction: row-reverse;}
.direction_column {flex-direction: column;}
.direction_column_reverse {flex-direction: column-reverse;}

.wrap_nowrap {flex-wrap: nowrap;}
.wrap_wrap {flex-wrap: wrap;}
.wrap_wrap_reverse {flex-wrap: wrap-reverse;}

.justify_start { justify-content: flex-start;}
.justify_end { justify-content: flex-end;}
.justify_center { justify-content: center;}
.justify_between { justify-content: space-between;}
.justify_around { justify-content: space-around;}

/* item classes */
.order_1 {order: 1;}
.order_2 {order: 2;}
.order_3 {order: 3;}
.order_4 {order: 4;}
.order_5 {order: 5;}
.order_6 {order: 6;}
.order_7 {order: 7;}
.order_8 {order: 8;}
.order_9 {order: 9;}
.order_10 {order: 10;}
.order_11 {order: 11;}
.order_12 {order: 12;}

.grow_1 {flex-grow: 1;}
.grow_2 {flex-grow: 2;}
.grow_3 {flex-grow: 3;}
.grow_4 {flex-grow: 4;}
.grow_5 {flex-grow: 5;}
.grow_6 {flex-grow: 6;}
.grow_7 {flex-grow: 7;}
.grow_8 {flex-grow: 8;}
.grow_9 {flex-grow: 9;}
.grow_10 {flex-grow: 10;}
.grow_11 {flex-grow: 11;}
.grow_12 {flex-grow: 12;}

.shrink_1 {flex-shrink: 1;}
.shrink_2 {flex-shrink: 2;}
.shrink_3 {flex-shrink: 3;}
.shrink_4 {flex-shrink: 4;}
.shrink_5 {flex-shrink: 5;}
.shrink_6 {flex-shrink: 6;}
.shrink_7 {flex-shrink: 7;}
.shrink_8 {flex-shrink: 8;}
.shrink_9 {flex-shrink: 9;}
.shrink_10 {flex-shrink: 10;}
.shrink_11 {flex-shrink: 11;}
.shrink_12 {flex-shrink: 12;}

.flexcol_05 {flex-basis:5%;}
.flexcol_10 {flex-basis:10%;}
.flexcol_15 {flex-basis:15%;}
.flexcol_20 {flex-basis:20%;}
.flexcol_25 {flex-basis:25%;}
.flexcol_30 {flex-basis:30%;}
.flexcol_35 {flex-basis:35%;}
.flexcol_40 {flex-basis:40%;}
.flexcol_45 {flex-basis:45%;}
.flexcol_50 {flex-basis:50%;}
.flexcol_55 {flex-basis:55%;}
.flexcol_60 {flex-basis:60%;}
.flexcol_65 {flex-basis:65%;}
.flexcol_70 {flex-basis:70%;}
.flexcol_75 {flex-basis:75%;}
.flexcol_80 {flex-basis:80%;}
.flexcol_85 {flex-basis:85%;}
.flexcol_90 {flex-basis:90%;}
.flexcol_95 {flex-basis:95%;}
.flexcol_100 {flex-basis:100%;}


/*
	-----------------------------------------
	Media Queries
	-----------------------------------------
 wide_2 mob_1" -> on biggest 4 columns, 2 columns on ipad/wide screen, on mobile 1 columnn

	For changing columns to another size depending on viewport. Change to the amount of columns you want. prefix_columnamount
    example: class="cols_4
*/

/* .HD */
@media screen and (min-width: 1650px) {
    .cols_2.hd_1 > .col, .cols_3.hd_1 > .col, .cols_4.hd_1 > .col, .cols_5.hd_1 > .col, .cols_6.hd_1 > .col, .cols_8.hd_1 > .col {width: 100%;}
    .cols_2.hd_2 > .col, .cols_3.hd_2 > .col, .cols_4.hd_2 > .col, .cols_5.hd_2 > .col, .cols_6.hd_2 > .col, .cols_8.hd_2 > .col {width: 50%;}
    .cols_2.hd_3 > .col, .cols_3.hd_3 > .col, .cols_4.hd_3 > .col, .cols_5.hd_3 > .col, .cols_6.hd_3 > .col, .cols_8.hd_3 > .col {width: 33.333333%;}
    .cols_2.hd_4 > .col, .cols_3.hd_4 > .col, .cols_4.hd_4 > .col, .cols_5.hd_4 > .col, .cols_6.hd_4 > .col, .cols_8.hd_4 > .col {width: 25%;}
    .cols_2.hd_5 > .col, .cols_3.hd_5 > .col, .cols_4.hd_5 > .col, .cols_5.hd_5 > .col, .cols_6.hd_5 > .col, .cols_8.hd_5 > .col {width: 20%;}
    .cols_2.hd_6 > .col, .cols_3.hd_6 > .col, .cols_4.hd_6 > .col, .cols_5.hd_6 > .col, .cols_6.hd_6 > .col, .cols_8.hd_6 > .col {width: 16.666666%;}
    .cols_2.hd_8 > .col, .cols_3.hd_8 > .col, .cols_4.hd_8 > .col, .cols_5.hd_8 > .col, .cols_6.hd_8 > .col, .cols_8.hd_8 > .col {width: 12.5%;}
    body .col.hd_1, .cols_2 > .col.hd_1, .cols_3 > .col.hd_1, .cols_4 > .col.hd_1, .cols_5 > .col.hd_1, .cols_6 > .col.hd_1, .cols_8 > .col.hd_1 {width: 100%;}
    body .col.hd_twothird, .cols_2 > .col.hd_twothird, .cols_3 > .col.hd_twothird, .cols_4 > .col.hd_twothird, .cols_5 > .col.hd_twothird, .cols_6 > .col.hd_twothird, .cols_8 > .col.hd_twothird {width: 66.666666%;}
    body .col.hd_2, .cols_2 > .col.hd_2, .cols_3 > .col.hd_2, .cols_4 > .col.hd_2, .cols_5 > .col.hd_2, .cols_6 > .col.hd_2, .cols_8 > .col.hd_2 {width: 50%;}
    body .col.hd_3, .cols_2 > .col.hd_3, .cols_3 > .col.hd_3, .cols_4 > .col.hd_3, .cols_5 > .col.hd_3, .cols_6 > .col.hd_3, .cols_8 > .col.hd_3 {width: 33.333333%;}
    body .col.hd_4, .cols_2 > .col.hd_4, .cols_3 > .col.hd_4, .cols_4 > .col.hd_4, .cols_5 > .col.hd_4, .cols_6 > .col.hd_4, .cols_8 > .col.hd_4 {width: 25%;}
    body .col.hd_5, .cols_2 > .col.hd_5, .cols_3 > .col.hd_5, .cols_4 > .col.hd_5, .cols_5 > .col.hd_5, .cols_6 > .col.hd_5, .cols_8 > .col.hd_5 {width: 20%;}
    body .col.hd_6, .cols_2 > .col.hd_6, .cols_3 > .col.hd_6, .cols_4 > .col.hd_6, .cols_5 > .col.hd_6, .cols_6 > .col.hd_6, .cols_8 > .col.hd_6 {width: 16.666666%;}
    body .col.hd_8, .cols_2 > .col.hd_8, .cols_3 > .col.hd_8, .cols_4 > .col.hd_8, .cols_5 > .col.hd_8, .cols_6 > .col.hd_8, .cols_8 > .col.hd_8 {width: 12.5%;}

    .hide_hd {display: none; display: none !important;}
    .show_hd {display: block; display: inline-block !important;}

    .nopad_hd {padding: 0;}
    .nopadh_hd {padding-left: 0; padding-right: 0;}
    .nopadv_hd {padding-bottom: 0; padding-top: 0;}

    .pad_hd {padding: 30px;}
    .padh_hd {padding-left: 30px; padding-right: 30px;}
    .padv_hd {padding-top: 30px; padding-bottom: 30px;}
    .pad_half_hd {padding: 15px;}
    .padh_half_hd {padding-left: 15px; padding-right: 15px;}
    .padv_half_hd {padding-top: 15px; padding-bottom: 15px;}
    .pad_double_hd {padding: 60px;}
    .padh_double_hd {padding-left: 60px; padding-right: 60px;}
    .padv_double_hd {padding-top: 60px; padding-bottom: 60px;}

    .noequal_hd {display: block;}
    .noequal_hd .row {display: block;}
    .noequal_hd .col {display: block;float: left;}

    .grid_hd {font-size: 0; letter-spacing: 0 !important;}
    .grid_hd .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; letter-spacing: 0.01em !important;}

    .hd_vh100 {height: 100vh;}
    .hd_vh95 {height: 95vh;}
    .hd_vh90 {height: 90vh;}
    .hd_vh85 {height: 85vh;}
    .hd_vh80 {height: 80vh;}
    .hd_vh75 {height: 75vh;}
    .hd_vh70 {height: 70vh;}
    .hd_vh65 {height: 65vh;}
    .hd_vh60 {height: 60vh;}
    .hd_vh55 {height: 55vh;}
    .hd_vh50 {height: 50vh;}
    .hd_vh45 {height: 45vh;}
    .hd_vh40 {height: 40vh;}
    .hd_vh35 {height: 35vh;}
    .hd_vh30 {height: 30vh;}
    .hd_vh25 {height: 25vh;}
    .hd_vh20 {height: 20vh;}
    .hd_vh15 {height: 15vh;}
    .hd_vh10 {height: 10vh;}
    .hd_vh05 {height: 5vh;}

    .hd_txtleft {text-align: left;}
    .hd_txtright {text-align: right;}
    .hd_txtcenter {text-align: center;}
    .hd_txtjust {text-align: justify;}

}


/* .cine */
@media screen and (max-width: 1650px) {
    .cols_2.cine_1 > .col, .cols_3.cine_1 > .col, .cols_4.cine_1 > .col, .cols_5.cine_1 > .col, .cols_6.cine_1 > .col, .cols_8.cine_1 > .col {width: 100%;}
    .cols_2.cine_2 > .col, .cols_3.cine_2 > .col, .cols_4.cine_2 > .col, .cols_5.cine_2 > .col, .cols_6.cine_2 > .col, .cols_8.cine_2 > .col {width: 50%;}
    .cols_2.cine_3 > .col, .cols_3.cine_3 > .col, .cols_4.cine_3 > .col, .cols_5.cine_3 > .col, .cols_6.cine_3 > .col, .cols_8.cine_3 > .col {width: 33.333333%;}
    .cols_2.cine_4 > .col, .cols_3.cine_4 > .col, .cols_4.cine_4 > .col, .cols_5.cine_4 > .col, .cols_6.cine_4 > .col, .cols_8.cine_4 > .col {width: 25%;}
    .cols_2.cine_5 > .col, .cols_3.cine_5 > .col, .cols_4.cine_5 > .col, .cols_5.cine_5 > .col, .cols_6.cine_5 > .col, .cols_8.cine_5 > .col {width: 20%;}
    .cols_2.cine_6 > .col, .cols_3.cine_6 > .col, .cols_4.cine_6 > .col, .cols_5.cine_6 > .col, .cols_6.cine_6 > .col, .cols_8.cine_6 > .col {width: 16.666666%;}
    .cols_2.cine_8 > .col, .cols_3.cine_8 > .col, .cols_4.cine_8 > .col, .cols_5.cine_8 > .col, .cols_6.cine_8 > .col, .cols_8.cine_8 > .col {width: 12.5%;}
    body .col.cine_1, .cols_2 > .col.cine_1, .cols_3 > .col.cine_1, .cols_4 > .col.cine_1, .cols_5 > .col.cine_1, .cols_6 > .col.cine_1, .cols_8 > .col.cine_1 {width: 100%;}
    body .col.cine_twothird, .cols_2 > .col.cine_twothird, .cols_3 > .col.cine_twothird, .cols_4 > .col.cine_twothird, .cols_5 > .col.cine_twothird, .cols_6 > .col.cine_twothird, .cols_8 > .col.cine_twothird {width: 66.666666%;}
    body .col.cine_2, .cols_2 > .col.cine_2, .cols_3 > .col.cine_2, .cols_4 > .col.cine_2, .cols_5 > .col.cine_2, .cols_6 > .col.cine_2, .cols_8 > .col.cine_2 {width: 50%;}
    body .col.cine_3, .cols_2 > .col.cine_3, .cols_3 > .col.cine_3, .cols_4 > .col.cine_3, .cols_5 > .col.cine_3, .cols_6 > .col.cine_3, .cols_8 > .col.cine_3 {width: 33.333333%;}
    body .col.cine_4, .cols_2 > .col.cine_4, .cols_3 > .col.cine_4, .cols_4 > .col.cine_4, .cols_5 > .col.cine_4, .cols_6 > .col.cine_4, .cols_8 > .col.cine_4 {width: 25%;}
    body .col.cine_5, .cols_2 > .col.cine_5, .cols_3 > .col.cine_5, .cols_4 > .col.cine_5, .cols_5 > .col.cine_5, .cols_6 > .col.cine_5, .cols_8 > .col.cine_5 {width: 20%;}
    body .col.cine_6, .cols_2 > .col.cine_6, .cols_3 > .col.cine_6, .cols_4 > .col.cine_6, .cols_5 > .col.cine_6, .cols_6 > .col.cine_6, .cols_8 > .col.cine_6 {width: 16.666666%;}
    body .col.cine_8, .cols_2 > .col.cine_8, .cols_3 > .col.cine_8, .cols_4 > .col.cine_8, .cols_5 > .col.cine_8, .cols_6 > .col.cine_8, .cols_8 > .col.cine_8 {width: 12.5%;}

    .hide_cine {display: none; display: none !important;}
	  .show_cine {display: block; display: inline-block !important;}

    .nopad_cine {padding: 0;}
    .nopadh_cine {padding-left: 0; padding-right: 0;}
    .nopadv_cine {padding-bottom: 0; padding-top: 0;}

    .pad_cine {padding: 30px;}
    .padh_cine {padding-left: 30px; padding-right: 30px;}
    .padv_cine {padding-top: 30px; padding-bottom: 30px;}
    .pad_half_cine {padding: 15px;}
    .padh_half_cine {padding-left: 15px; padding-right: 15px;}
    .padv_half_cine {padding-top: 15px; padding-bottom: 15px;}
    .pad_double_cine {padding: 60px;}
    .padh_double_cine {padding-left: 60px; padding-right: 60px;}
    .padv_double_cine {padding-top: 60px; padding-bottom: 60px;}

    .noequal_cine {display: block;}
    .noequal_cine .row {display: block;}
    .noequal_cine .col {display: block;float: left;}

    .grid_cine {font-size: 0; letter-spacing: 0 !important;}
    .grid_cine .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; letter-spacing: 0.01em !important;}

    .cine_vh100 {height: 100vh;}
    .cine_vh95 {height: 95vh;}
    .cine_vh90 {height: 90vh;}
    .cine_vh85 {height: 85vh;}
    .cine_vh80 {height: 80vh;}
    .cine_vh75 {height: 75vh;}
    .cine_vh70 {height: 70vh;}
    .cine_vh65 {height: 65vh;}
    .cine_vh60 {height: 60vh;}
    .cine_vh55 {height: 55vh;}
    .cine_vh50 {height: 50vh;}
    .cine_vh45 {height: 45vh;}
    .cine_vh40 {height: 40vh;}
    .cine_vh35 {height: 35vh;}
    .cine_vh30 {height: 30vh;}
    .cine_vh25 {height: 25vh;}
    .cine_vh20 {height: 20vh;}
    .cine_vh15 {height: 15vh;}
    .cine_vh10 {height: 10vh;}
    .cine_vh05 {height: 5vh;}

    .cine_txtleft {text-align: left;}
    .cine_txtright {text-align: right;}
    .cine_txtcenter {text-align: center;}
    .cine_txtjust {text-align: justify;}
}


/* note  (legacy: big) */
@media screen and (max-width: 1280px) {
    .cols_2.big_1 > .col, .cols_3.big_1 > .col, .cols_4.big_1 > .col, .cols_5.big_1 > .col, .cols_6.big_1 > .col, .cols_8.big_1 > .col, .cols_2.note_1 > .col, .cols_3.note_1 > .col, .cols_4.note_1 > .col, .cols_5.note_1 > .col, .cols_6.note_1 > .col, .cols_8.note_1 > .col {width: 100%;}
    .cols_2.big_2 > .col, .cols_3.big_2 > .col, .cols_4.big_2 > .col, .cols_5.big_2 > .col, .cols_6.big_2 > .col, .cols_8.big_2 > .col, .cols_2.note_2 > .col, .cols_3.note_2 > .col, .cols_4.note_2 > .col, .cols_5.note_2 > .col, .cols_6.note_2 > .col, .cols_8.note_2 > .col {width: 50%;}
    .cols_2.big_3 > .col, .cols_3.big_3 > .col, .cols_4.big_3 > .col, .cols_5.big_3 > .col, .cols_6.big_3 > .col, .cols_8.big_3 > .col, .cols_2.note_3 > .col, .cols_3.note_3 > .col, .cols_4.note_3 > .col, .cols_5.note_3 > .col, .cols_6.note_3 > .col, .cols_8.note_3 > .col {width: 33.333333%;}
    .cols_2.big_4 > .col, .cols_3.big_4 > .col, .cols_4.big_4 > .col, .cols_5.big_4 > .col, .cols_6.big_4 > .col, .cols_8.big_4 > .col, .cols_2.note_4 > .col, .cols_3.note_4 > .col, .cols_4.note_4 > .col, .cols_5.note_4 > .col, .cols_6.note_4 > .col, .cols_8.note_4 > .col {width: 25%;}
    .cols_2.big_5 > .col, .cols_3.big_5 > .col, .cols_4.big_5 > .col, .cols_5.big_5 > .col, .cols_6.big_5 > .col, .cols_8.big_5 > .col, .cols_2.note_5 > .col, .cols_3.note_5 > .col, .cols_4.note_5 > .col, .cols_5.note_5 > .col, .cols_6.note_5 > .col, .cols_8.note_5 > .col {width: 20%;}
    .cols_2.big_6 > .col, .cols_3.big_6 > .col, .cols_4.big_6 > .col, .cols_5.big_6 > .col, .cols_6.big_6 > .col, .cols_8.big_6 > .col, .cols_2.note_6 > .col, .cols_3.note_6 > .col, .cols_4.note_6 > .col, .cols_5.note_6 > .col, .cols_6.note_6 > .col, .cols_8.note_6 > .col {width: 16.666666%;}
    .cols_2.big_8 > .col, .cols_3.big_8 > .col, .cols_4.big_8 > .col, .cols_5.big_8 > .col, .cols_6.big_8 > .col, .cols_8.big_8 > .col, .cols_2.note_8 > .col, .cols_3.note_8 > .col, .cols_4.note_8 > .col, .cols_5.note_8 > .col, .cols_6.note_8 > .col, .cols_8.note_8 > .col {width: 12.5%;}
    /* big legacy */
    body .col.big_1, .cols_2 > .col.big_1, .cols_3 > .col.big_1, .cols_4 > .col.big_1, .cols_5 > .col.big_1, .cols_6 > .col.big_1, .cols_8 > .col.big_1 {width: 100%;}
    body .col.big_twothird, .cols_2 > .col.big_twothird, .cols_3 > .col.big_twothird, .cols_4 > .col.big_twothird, .cols_5 > .col.big_twothird, .cols_6 > .col.big_twothird, .cols_8 > .col.big_twothird {width: 66.666666%;}
    body .col.big_2, .cols_2 > .col.big_2, .cols_3 > .col.big_2, .cols_4 > .col.big_2, .cols_5 > .col.big_2, .cols_6 > .col.big_2, .cols_8 > .col.big_2 {width: 50%;}
    body .col.big_3, .cols_2 > .col.big_3, .cols_3 > .col.big_3, .cols_4 > .col.big_3, .cols_5 > .col.big_3, .cols_6 > .col.big_3, .cols_8 > .col.big_3 {width: 33.333333%;}
    body .col.big_4, .cols_2 > .col.big_4, .cols_3 > .col.big_4, .cols_4 > .col.big_4, .cols_5 > .col.big_4, .cols_6 > .col.big_4, .cols_8 > .col.big_4 {width: 25%;}
    body .col.big_5, .cols_2 > .col.big_5, .cols_3 > .col.big_5, .cols_4 > .col.big_5, .cols_5 > .col.big_5, .cols_6 > .col.big_5, .cols_8 > .col.big_5 {width: 20%;}
    body .col.big_6, .cols_2 > .col.big_6, .cols_3 > .col.big_6, .cols_4 > .col.big_6, .cols_5 > .col.big_6, .cols_6 > .col.big_6, .cols_8 > .col.big_6 {width: 16.666666%;}
    body .col.big_8, .cols_2 > .col.big_8, .cols_3 > .col.big_8, .cols_4 > .col.big_8, .cols_5 > .col.big_8, .cols_6 > .col.big_8, .cols_8 > .col.big_8 {width: 12.5%;}
    /* end big legacy */
    body .col.note_1, .cols_2 > .col.note_1, .cols_3 > .col.note_1, .cols_4 > .col.note_1, .cols_5 > .col.note_1, .cols_6 > .col.note_1, .cols_8 > .col.note_1 {width: 100%;}
    body .col.note_twothird, .cols_2 > .col.note_twothird, .cols_3 > .col.note_twothird, .cols_4 > .col.note_twothird, .cols_5 > .col.note_twothird, .cols_6 > .col.note_twothird, .cols_8 > .col.note_twothird {width: 66.666666%;}
    body .col.note_2, .cols_2 > .col.note_2, .cols_3 > .col.note_2, .cols_4 > .col.note_2, .cols_5 > .col.note_2, .cols_6 > .col.note_2, .cols_8 > .col.note_2 {width: 50%;}
    body .col.note_3, .cols_2 > .col.note_3, .cols_3 > .col.note_3, .cols_4 > .col.note_3, .cols_5 > .col.note_3, .cols_6 > .col.note_3, .cols_8 > .col.note_3 {width: 33.333333%;}
    body .col.note_4, .cols_2 > .col.note_4, .cols_3 > .col.note_4, .cols_4 > .col.note_4, .cols_5 > .col.note_4, .cols_6 > .col.note_4, .cols_8 > .col.note_4 {width: 25%;}
    body .col.note_5, .cols_2 > .col.note_5, .cols_3 > .col.note_5, .cols_4 > .col.note_5, .cols_5 > .col.note_5, .cols_6 > .col.note_5, .cols_8 > .col.note_5 {width: 20%;}
    body .col.note_6, .cols_2 > .col.note_6, .cols_3 > .col.note_6, .cols_4 > .col.note_6, .cols_5 > .col.note_6, .cols_6 > .col.note_6, .cols_8 > .col.note_6 {width: 16.666666%;}
    body .col.note_8, .cols_2 > .col.note_8, .cols_3 > .col.note_8, .cols_4 > .col.note_8, .cols_5 > .col.note_8, .cols_6 > .col.note_8, .cols_8 > .col.note_8 {width: 12.5%;}

    .hide_big, .hide_note {display: none; display: none !important;}
	  .show_big, .show_note {display: block; display: inline-block !important;}

    .nopad_big, .nopad_note {padding: 0;}
    .nopadh_big, .nopadh_note {padding-left: 0; padding-right: 0;}
    .nopadv_big, .nopadv_note {padding-bottom: 0; padding-top: 0;}

    .pad_big, .pad_note {padding: 30px;}
    .padh_big, .padh_note {padding-left: 30px; padding-right: 30px;}
    .padv_big, .padv_note {padding-top: 30px; padding-bottom: 30px;}
    .pad_half_big, .pad_half_note {padding: 15px;}
    .padh_half_big, .padh_half_note {padding-left: 15px; padding-right: 15px;}
    .padv_half_big, .padv_half_note {padding-top: 15px; padding-bottom: 15px;}
    .pad_double_big, .pad_double_note {padding: 60px;}
    .padh_double_big, .padh_double_note {padding-left: 60px; padding-right: 60px;}
    .padv_double_big, .padv_double_note {padding-top: 60px; padding-bottom: 60px;}

    .noequal_big, .noequal_note {display: block;}
    .noequal_big .row, .noequal_note .row {display: block;}
    .noequal_big .col, .noequal_note .col {display: block;float: left;}

    .grid_big, .grid_note {font-size: 0; letter-spacing: 0 !important;}
    .grid_big .col, .grid_note .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; letter-spacing: 0.01em !important;}

    .note_vh100 {height: 100vh;}
    .note_vh95 {height: 95vh;}
    .note_vh90 {height: 90vh;}
    .note_vh85 {height: 85vh;}
    .note_vh80 {height: 80vh;}
    .note_vh75 {height: 75vh;}
    .note_vh70 {height: 70vh;}
    .note_vh65 {height: 65vh;}
    .note_vh60 {height: 60vh;}
    .note_vh55 {height: 55vh;}
    .note_vh50 {height: 50vh;}
    .note_vh45 {height: 45vh;}
    .note_vh40 {height: 40vh;}
    .note_vh35 {height: 35vh;}
    .note_vh30 {height: 30vh;}
    .note_vh25 {height: 25vh;}
    .note_vh20 {height: 20vh;}
    .note_vh15 {height: 15vh;}
    .note_vh10 {height: 10vh;}
    .note_vh05 {height: 5vh;}

    .note_txtleft {text-align: left;}
    .note_txtright {text-align: right;}
    .note_txtcenter {text-align: center;}
    .note_txtjust {text-align: justify;}
}

/* .land (legacy: wide) */
@media screen and (max-width: 1024px) {
    .cols_2.wide_1 > .col, .cols_3.wide_1 > .col, .cols_4.wide_1 > .col, .cols_5.wide_1 > .col, .cols_6.wide_1 > .col, .cols_8.wide_1 > .col, .cols_2.land_1 > .col, .cols_3.land_1 > .col, .cols_4.land_1 > .col, .cols_5.land_1 > .col, .cols_6.land_1 > .col, .cols_8.land_1 > .col  {width: 100%;}
    .cols_2.wide_2 > .col, .cols_3.wide_2 > .col, .cols_4.wide_2 > .col, .cols_5.wide_2 > .col, .cols_6.wide_2 > .col, .cols_8.wide_2 > .col, .cols_2.land_2 > .col, .cols_3.land_2 > .col, .cols_4.land_2 > .col, .cols_5.land_2 > .col, .cols_6.land_2 > .col, .cols_8.land_2 > .col  {width: 50%;}
    .cols_2.wide_3 > .col, .cols_3.wide_3 > .col, .cols_4.wide_3 > .col, .cols_5.wide_3 > .col, .cols_6.wide_3 > .col, .cols_8.wide_3 > .col, .cols_2.land_3 > .col, .cols_3.land_3 > .col, .cols_4.land_3 > .col, .cols_5.land_3 > .col, .cols_6.land_3 > .col, .cols_8.land_3 > .col  {width: 33.333333%;}
    .cols_2.wide_4 > .col, .cols_3.wide_4 > .col, .cols_4.wide_4 > .col, .cols_5.wide_4 > .col, .cols_6.wide_4 > .col, .cols_8.wide_4 > .col, .cols_2.land_4 > .col, .cols_3.land_4 > .col, .cols_4.land_4 > .col, .cols_5.land_4 > .col, .cols_6.land_4 > .col, .cols_8.land_4 > .col  {width: 25%;}
    .cols_2.wide_5 > .col, .cols_3.wide_5 > .col, .cols_4.wide_5 > .col, .cols_5.wide_5 > .col, .cols_6.wide_5 > .col, .cols_8.wide_5 > .col, .cols_2.land_5 > .col, .cols_3.land_5 > .col, .cols_4.land_5 > .col, .cols_5.land_5 > .col, .cols_6.land_5 > .col, .cols_8.land_5 > .col  {width: 20%;}
    .cols_2.wide_6 > .col, .cols_3.wide_6 > .col, .cols_4.wide_6 > .col, .cols_5.wide_6 > .col, .cols_6.wide_6 > .col, .cols_8.wide_6 > .col, .cols_2.land_6 > .col, .cols_3.land_6 > .col, .cols_4.land_6 > .col, .cols_5.land_6 > .col, .cols_6.land_6 > .col, .cols_8.land_6 > .col  {width: 16.666666%;}
    .cols_2.wide_8 > .col, .cols_3.wide_8 > .col, .cols_4.wide_8 > .col, .cols_5.wide_8 > .col, .cols_6.wide_8 > .col, .cols_8.wide_8 > .col, .cols_2.land_8 > .col, .cols_3.land_8 > .col, .cols_4.land_8 > .col, .cols_5.land_8 > .col, .cols_6.land_8 > .col, .cols_8.land_8 > .col  {width: 12.5%;}

    /* legacy wide */
    body .col.wide_1, .cols_2 > .col.wide_1, .cols_3 > .col.wide_1, .cols_4 > .col.wide_1, .cols_5 > .col.wide_1, .cols_6 > .col.wide_1, .cols_8 > .col.wide_1 {width: 100%;}
    body .col.wide_twothird, .cols_2 > .col.wide_twothird, .cols_3 > .col.wide_twothird, .cols_4 > .col.wide_twothird, .cols_5 > .col.wide_twothird, .cols_6 > .col.wide_twothird, .cols_8 > .col.wide_twothird {width: 66.666666%;}
    body .col.wide_2, .cols_2 > .col.wide_2, .cols_3 > .col.wide_2, .cols_4 > .col.wide_2, .cols_5 > .col.wide_2, .cols_6 > .col.wide_2, .cols_8 > .col.wide_2 {width: 50%;}
    body .col.wide_3, .cols_2 > .col.wide_3, .cols_3 > .col.wide_3, .cols_4 > .col.wide_3, .cols_5 > .col.wide_3, .cols_6 > .col.wide_3, .cols_8 > .col.wide_3 {width: 33.333333%;}
    body .col.wide_4, .cols_2 > .col.wide_4, .cols_3 > .col.wide_4, .cols_4 > .col.wide_4, .cols_5 > .col.wide_4, .cols_6 > .col.wide_4, .cols_8 > .col.wide_4 {width: 25%;}
    body .col.wide_5, .cols_2 > .col.wide_5, .cols_3 > .col.wide_5, .cols_4 > .col.wide_5, .cols_5 > .col.wide_5, .cols_6 > .col.wide_5, .cols_8 > .col.wide_5 {width: 20%;}
    body .col.wide_6, .cols_2 > .col.wide_6, .cols_3 > .col.wide_6, .cols_4 > .col.wide_6, .cols_5 > .col.wide_6, .cols_6 > .col.wide_6, .cols_8 > .col.wide_6 {width: 16.666666%;}
    body .col.wide_8, .cols_2 > .col.wide_8, .cols_3 > .col.wide_8, .cols_4 > .col.wide_8, .cols_5 > .col.wide_8, .cols_6 > .col.wide_8, .cols_8 > .col.wide_8 {width: 12.5%;}
    /* end legacy wide */

    body .col.land_1, .cols_2 > .col.land_1, .cols_3 > .col.land_1, .cols_4 > .col.land_1, .cols_5 > .col.land_1, .cols_6 > .col.land_1, .cols_8 > .col.land_1 {width: 100%;}
    body .col.land_twothird, .cols_2 > .col.land_twothird, .cols_3 > .col.land_twothird, .cols_4 > .col.land_twothird, .cols_5 > .col.land_twothird, .cols_6 > .col.land_twothird, .cols_8 > .col.land_twothird {width: 66.666666%;}
    body .col.land_2, .cols_2 > .col.land_2, .cols_3 > .col.land_2, .cols_4 > .col.land_2, .cols_5 > .col.land_2, .cols_6 > .col.land_2, .cols_8 > .col.land_2 {width: 50%;}
    body .col.land_3, .cols_2 > .col.land_3, .cols_3 > .col.land_3, .cols_4 > .col.land_3, .cols_5 > .col.land_3, .cols_6 > .col.land_3, .cols_8 > .col.land_3 {width: 33.333333%;}
    body .col.land_4, .cols_2 > .col.land_4, .cols_3 > .col.land_4, .cols_4 > .col.land_4, .cols_5 > .col.land_4, .cols_6 > .col.land_4, .cols_8 > .col.land_4 {width: 25%;}
    body .col.land_5, .cols_2 > .col.land_5, .cols_3 > .col.land_5, .cols_4 > .col.land_5, .cols_5 > .col.land_5, .cols_6 > .col.land_5, .cols_8 > .col.land_5 {width: 20%;}
    body .col.land_6, .cols_2 > .col.land_6, .cols_3 > .col.land_6, .cols_4 > .col.land_6, .cols_5 > .col.land_6, .cols_6 > .col.land_6, .cols_8 > .col.land_6 {width: 16.666666%;}
    body .col.land_8, .cols_2 > .col.land_8, .cols_3 > .col.land_8, .cols_4 > .col.land_8, .cols_5 > .col.land_8, .cols_6 > .col.land_8, .cols_8 > .col.land_8 {width: 12.5%;}

    .hide_wide, .hide_land {display: none; display: none !important;}
	.show_wide, .show_land {display: block; display: inline-block !important;}

    .nopad_wide, .nopad_land {padding: 0;}
    .nopadh_wide, .nopadh_land {padding-left: 0; padding-right: 0;}
    .nopadv_wide, .nopadv_land {padding-bottom: 0; padding-top: 0;}

    .pad_wide, .pad_land {padding: 30px;}
    .padh_wide, .padh_land {padding-left: 30px; padding-right: 30px;}
    .padv_wide, .padv_land {padding-top: 30px; padding-bottom: 30px;}
    .pad_half_wide, .pad_half_land {padding: 15px;}
    .padh_half_wide, .padh_half_land {padding-left: 15px; padding-right: 15px;}
    .padv_half_wide, .padv_half_land {padding-top: 15px; padding-bottom: 15px;}
    .pad_double_wide, .pad_double_land {padding: 60px;}
    .padh_double_wide, .padh_double_land {padding-left: 60px; padding-right: 60px;}
    .padv_double_wide, .padv_double_land {padding-top: 60px; padding-bottom: 60px;}

    .noequal_wide, .noequal_land {display: block;}
    .noequal_wide .row, .noequal_land .row {display: block;}
    .noequal_wide .col, .noequal_land .col {display: block;float: left;}

    .grid_wide, .grid_land {font-size: 0; letter-spacing: 0 !important;}
    .grid_wide .col, .grid_land .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; letter-spacing: 0.01em !important;}

    .land_vh100 {height: 100vh;}
    .land_vh95 {height: 95vh;}
    .land_vh90 {height: 90vh;}
    .land_vh85 {height: 85vh;}
    .land_vh80 {height: 80vh;}
    .land_vh75 {height: 75vh;}
    .land_vh70 {height: 70vh;}
    .land_vh65 {height: 65vh;}
    .land_vh60 {height: 60vh;}
    .land_vh55 {height: 55vh;}
    .land_vh50 {height: 50vh;}
    .land_vh45 {height: 45vh;}
    .land_vh40 {height: 40vh;}
    .land_vh35 {height: 35vh;}
    .land_vh30 {height: 30vh;}
    .land_vh25 {height: 25vh;}
    .land_vh20 {height: 20vh;}
    .land_vh15 {height: 15vh;}
    .land_vh10 {height: 10vh;}
    .land_vh05 {height: 5vh;}

    .land_txtleft {text-align: left;}
    .land_txtright {text-align: right;}
    .land_txtcenter {text-align: center;}
    .land_txtjust {text-align: justify;}
}
/* .desk */
@media screen and (max-width: 960px) {
    .cols_2.desk_1 > .col, .cols_3.desk_1 > .col, .cols_4.desk_1 > .col, .cols_5.desk_1 > .col, .cols_6.desk_1 > .col, .cols_8.desk_1 > .col {width: 100%;}
    .cols_2.desk_2 > .col, .cols_3.desk_2 > .col, .cols_4.desk_2 > .col, .cols_5.desk_2 > .col, .cols_6.desk_2 > .col, .cols_8.desk_2 > .col {width: 50%;}
    .cols_2.desk_3 > .col, .cols_3.desk_3 > .col, .cols_4.desk_3 > .col, .cols_5.desk_3 > .col, .cols_6.desk_3 > .col, .cols_8.desk_3 > .col {width: 33.333333%;}
    .cols_2.desk_4 > .col, .cols_3.desk_4 > .col, .cols_4.desk_4 > .col, .cols_5.desk_4 > .col, .cols_6.desk_4 > .col, .cols_8.desk_4 > .col {width: 25%;}
    .cols_2.desk_5 > .col, .cols_3.desk_5 > .col, .cols_4.desk_5 > .col, .cols_5.desk_5 > .col, .cols_6.desk_5 > .col, .cols_8.desk_5 > .col {width: 20%;}
    .cols_2.desk_6 > .col, .cols_3.desk_6 > .col, .cols_4.desk_6 > .col, .cols_5.desk_6 > .col, .cols_6.desk_6 > .col, .cols_8.desk_6 > .col {width: 16.666666%;}
    .cols_2.desk_8 > .col, .cols_3.desk_8 > .col, .cols_4.desk_8 > .col, .cols_5.desk_8 > .col, .cols_6.desk_8 > .col, .cols_8.desk_8 > .col {width: 12.5%;}
    body .col.desk_1, .cols_2 > .col.desk_1, .cols_3 > .col.desk_1, .cols_4 > .col.desk_1, .cols_5 > .col.desk_1, .cols_6 > .col.desk_1, .cols_8 > .col.desk_1 {width: 100%;}
    body .col.desk_twothird, .cols_2 > .col.desk_twothird, .cols_3 > .col.desk_twothird, .cols_4 > .col.desk_twothird, .cols_5 > .col.desk_twothird, .cols_6 > .col.desk_twothird, .cols_8 > .col.desk_twothird {width: 66.666666%;}
    body .col.desk_2, .cols_2 > .col.desk_2, .cols_3 > .col.desk_2, .cols_4 > .col.desk_2, .cols_5 > .col.desk_2, .cols_6 > .col.desk_2, .cols_8 > .col.desk_2 {width: 50%;}
    body .col.desk_3, .cols_2 > .col.desk_3, .cols_3 > .col.desk_3, .cols_4 > .col.desk_3, .cols_5 > .col.desk_3, .cols_6 > .col.desk_3, .cols_8 > .col.desk_3 {width: 33.333333%;}
    body .col.desk_4, .cols_2 > .col.desk_4, .cols_3 > .col.desk_4, .cols_4 > .col.desk_4, .cols_5 > .col.desk_4, .cols_6 > .col.desk_4, .cols_8 > .col.desk_4 {width: 25%;}
    body .col.desk_5, .cols_2 > .col.desk_5, .cols_3 > .col.desk_5, .cols_4 > .col.desk_5, .cols_5 > .col.desk_5, .cols_6 > .col.desk_5, .cols_8 > .col.desk_5 {width: 20%;}
    body .col.desk_6, .cols_2 > .col.desk_6, .cols_3 > .col.desk_6, .cols_4 > .col.desk_6, .cols_5 > .col.desk_6, .cols_6 > .col.desk_6, .cols_8 > .col.desk_6 {width: 16.666666%;}
    body .col.desk_8, .cols_2 > .col.desk_8, .cols_3 > .col.desk_8, .cols_4 > .col.desk_8, .cols_5 > .col.desk_8, .cols_6 > .col.desk_8, .cols_8 > .col.desk_8 {width: 12.5%;}


    .hide_desk {display: none; display: none !important;}
	.show_desk {display: block; display: inline-block !important;}

    .nopad_desk {padding: 0;}
    .nopadh_desk {padding-left: 0; padding-right: 0;}
    .nopadv_desk {padding-bottom: 0; padding-top: 0;}

    .pad_desk {padding: 30px;}
    .padh_desk {padding-left: 30px; padding-right: 30px;}
    .padv_desk {padding-top: 30px; padding-bottom: 30px;}
    .pad_half_desk {padding: 15px;}
    .padh_half_desk {padding-left: 15px; padding-right: 15px;}
    .padv_half_desk {padding-top: 15px; padding-bottom: 15px;}
    .pad_double_desk {padding: 60px;}
    .padh_double_desk {padding-left: 60px; padding-right: 60px;}
    .padv_double_desk {padding-top: 60px; padding-bottom: 60px;}

    .noequal_desk {display: block;}
    .noequal_desk .row {display: block;}
    .noequal_desk .col {display: block;float: left;}

    .grid_desk {font-size: 0; letter-spacing: 0 !important;}
    .grid_desk .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; letter-spacing: 0.01em !important;}

    .desk_vh100 {height: 100vh;}
    .desk_vh95 {height: 95vh;}
    .desk_vh90 {height: 90vh;}
    .desk_vh85 {height: 85vh;}
    .desk_vh80 {height: 80vh;}
    .desk_vh75 {height: 75vh;}
    .desk_vh70 {height: 70vh;}
    .desk_vh65 {height: 65vh;}
    .desk_vh60 {height: 60vh;}
    .desk_vh55 {height: 55vh;}
    .desk_vh50 {height: 50vh;}
    .desk_vh45 {height: 45vh;}
    .desk_vh40 {height: 40vh;}
    .desk_vh35 {height: 35vh;}
    .desk_vh30 {height: 30vh;}
    .desk_vh25 {height: 25vh;}
    .desk_vh20 {height: 20vh;}
    .desk_vh15 {height: 15vh;}
    .desk_vh10 {height: 10vh;}
    .desk_vh05 {height: 5vh;}

    .desk_txtleft {text-align: left;}
    .desk_txtright {text-align: right;}
    .desk_txtcenter {text-align: center;}
    .desk_txtjust {text-align: justify;}

    /* flex box media query handeling, still in development */
    .desk_order_1 {order: 1;}
    .desk_order_2 {order: 2;}
    .desk_order_3 {order: 3;}
    .desk_order_4 {order: 4;}
    .desk_order_5 {order: 5;}
    .desk_order_6 {order: 6;}
    .desk_order_7 {order: 7;}
    .desk_order_8 {order: 8;}
    .desk_order_9 {order: 9;}
    .desk_order_10 {order: 10;}
    .desk_order_11 {order: 11;}
    .desk_order_12 {order: 12;}

    .grow_1 {flex-grow: 1;}
    .grow_2 {flex-grow: 2;}
    .grow_3 {flex-grow: 3;}
    .grow_4 {flex-grow: 4;}
    .grow_5 {flex-grow: 5;}
    .grow_6 {flex-grow: 6;}
    .grow_7 {flex-grow: 7;}
    .grow_8 {flex-grow: 8;}
    .grow_9 {flex-grow: 9;}
    .grow_10 {flex-grow: 10;}
    .grow_11 {flex-grow: 11;}
    .grow_12 {flex-grow: 12;}

    .desk_shrink_1 {flex-shrink: 1;}
    .desk_shrink_2 {flex-shrink: 2;}
    .desk_shrink_3 {flex-shrink: 3;}
    .desk_shrink_4 {flex-shrink: 4;}
    .desk_shrink_5 {flex-shrink: 5;}
    .desk_shrink_6 {flex-shrink: 6;}
    .desk_shrink_7 {flex-shrink: 7;}
    .desk_shrink_8 {flex-shrink: 8;}
    .desk_shrink_9 {flex-shrink: 9;}
    .desk_shrink_10 {flex-shrink: 10;}
    .desk_shrink_11 {flex-shrink: 11;}
    .desk_shrink_12 {flex-shrink: 12;}

    .desk_flexcol_05 {flex-basis:5%;}
    .desk_flexcol_10 {flex-basis:10%;}
    .desk_flexcol_15 {flex-basis:15%;}
    .desk_flexcol_20 {flex-basis:20%;}
    .desk_flexcol_25 {flex-basis:25%;}
    .desk_flexcol_30 {flex-basis:30%;}
    .desk_flexcol_35 {flex-basis:35%;}
    .desk_flexcol_40 {flex-basis:40%;}
    .desk_flexcol_45 {flex-basis:45%;}
    .desk_flexcol_50 {flex-basis:50%;}
    .desk_flexcol_55 {flex-basis:55%;}
    .desk_flexcol_60 {flex-basis:60%;}
    .desk_flexcol_65 {flex-basis:65%;}
    .desk_flexcol_70 {flex-basis:70%;}
    .desk_flexcol_75 {flex-basis:75%;}
    .desk_flexcol_80 {flex-basis:80%;}
    .desk_flexcol_85 {flex-basis:85%;}
    .desk_flexcol_90 {flex-basis:90%;}
    .desk_flexcol_95 {flex-basis:95%;}
    .desk_flexcol_100 {flex-basis:100%;}

}
/* .tab (tablet) */
@media screen and (max-width: 768px) {
    .cols_2.tab_1 > .col, .cols_3.tab_1 > .col, .cols_4.tab_1 > .col, .cols_5.tab_1 > .col, .cols_6.tab_1 > .col, .cols_8.tab_1 > .col {width: 100%;}
    .cols_2.tab_2 > .col, .cols_3.tab_2 > .col, .cols_4.tab_2 > .col, .cols_5.tab_2 > .col, .cols_6.tab_2 > .col, .cols_8.tab_2 > .col {width: 50%;}
    .cols_2.tab_3 > .col, .cols_3.tab_3 > .col, .cols_4.tab_3 > .col, .cols_5.tab_3 > .col, .cols_6.tab_3 > .col, .cols_8.tab_3 > .col {width: 33.333333%;}
    .cols_2.tab_4 > .col, .cols_3.tab_4 > .col, .cols_4.tab_4 > .col, .cols_5.tab_4 > .col, .cols_6.tab_4 > .col, .cols_8.tab_4 > .col {width: 25%;}
    .cols_2.tab_5 > .col, .cols_3.tab_5 > .col, .cols_4.tab_5 > .col, .cols_5.tab_5 > .col, .cols_6.tab_5 > .col, .cols_8.tab_5 > .col {width: 20%;}
    .cols_2.tab_6 > .col, .cols_3.tab_6 > .col, .cols_4.tab_6 > .col, .cols_5.tab_6 > .col, .cols_6.tab_6 > .col, .cols_8.tab_6 > .col {width: 16.666666%;}
    .cols_2.tab_8 > .col, .cols_3.tab_8 > .col, .cols_4.tab_8 > .col, .cols_5.tab_8 > .col, .cols_6.tab_8 > .col, .cols_8.tab_8 > .col {width: 12.5%;}
    body .col.tab_1, .cols_2 > .col.tab_1, .cols_3 > .col.tab_1, .cols_4 > .col.tab_1, .cols_5 > .col.tab_1, .cols_6 > .col.tab_1, .cols_8 > .col.tab_1 {width: 100%;}
    body .col.tab_twothird, .cols_2 > .col.tab_twothird, .cols_3 > .col.tab_twothird, .cols_4 > .col.tab_twothird, .cols_5 > .col.tab_twothird, .cols_6 > .col.tab_twothird, .cols_8 > .col.tab_twothird {width: 66.666666%;}
    body .col.tab_2, .cols_2 > .col.tab_2, .cols_3 > .col.tab_2, .cols_4 > .col.tab_2, .cols_5 > .col.tab_2, .cols_6 > .col.tab_2, .cols_8 > .col.tab_2 {width: 50%;}
    body .col.tab_3, .cols_2 > .col.tab_3, .cols_3 > .col.tab_3, .cols_4 > .col.tab_3, .cols_5 > .col.tab_3, .cols_6 > .col.tab_3, .cols_8 > .col.tab_3 {width: 33.333333%;}
    body .col.tab_4, .cols_2 > .col.tab_4, .cols_3 > .col.tab_4, .cols_4 > .col.tab_4, .cols_5 > .col.tab_4, .cols_6 > .col.tab_4, .cols_8 > .col.tab_4 {width: 25%;}
    body .col.tab_5, .cols_2 > .col.tab_5, .cols_3 > .col.tab_5, .cols_4 > .col.tab_5, .cols_5 > .col.tab_5, .cols_6 > .col.tab_5, .cols_8 > .col.tab_5 {width: 20%;}
    body .col.tab_6, .cols_2 > .col.tab_6, .cols_3 > .col.tab_6, .cols_4 > .col.tab_6, .cols_5 > .col.tab_6, .cols_6 > .col.tab_6, .cols_8 > .col.tab_6 {width: 16.666666%;}
    body .col.tab_8, .cols_2 > .col.tab_8, .cols_3 > .col.tab_8, .cols_4 > .col.tab_8, .cols_5 > .col.tab_8, .cols_6 > .col.tab_8, .cols_8 > .col.tab_8 {width: 12.5%;}


    .hide_tab {display: none; display: none !important;}
	.show_tab {display: block; display: inline-block !important;}

    .nopad_tab {padding: 0;}
    .nopadh_tab {padding-left: 0; padding-right: 0;}
    .nopadv_tab {padding-bottom: 0; padding-top: 0;}

    .pad_tab {padding: 30px;}
    .padh_tab {padding-left: 30px; padding-right: 30px;}
    .padv_tab {padding-top: 30px; padding-bottom: 30px;}
    .pad_half_tab {padding: 15px;}
    .padh_half_tab {padding-left: 15px; padding-right: 15px;}
    .padv_half_tab {padding-top: 15px; padding-bottom: 15px;}
    .pad_double_tab {padding: 60px;}
    .padh_double_tab {padding-left: 60px; padding-right: 60px;}
    .padv_double_tab {padding-top: 60px; padding-bottom: 60px;}

    .noequal_tab {display: block;}
    .noequal_tab .row {display: block;}
    .noequal_tab .col {display: block;float: left;}

    .grid_tab {font-size: 0; letter-spacing: 0 !important;}
    .grid_tab .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; letter-spacing: 0.01em !important;}

    .tab_vh100 {height: 100vh;}
    .tab_vh95 {height: 95vh;}
    .tab_vh90 {height: 90vh;}
    .tab_vh85 {height: 85vh;}
    .tab_vh80 {height: 80vh;}
    .tab_vh75 {height: 75vh;}
    .tab_vh70 {height: 70vh;}
    .tab_vh65 {height: 65vh;}
    .tab_vh60 {height: 60vh;}
    .tab_vh55 {height: 55vh;}
    .tab_vh50 {height: 50vh;}
    .tab_vh45 {height: 45vh;}
    .tab_vh40 {height: 40vh;}
    .tab_vh35 {height: 35vh;}
    .tab_vh30 {height: 30vh;}
    .tab_vh25 {height: 25vh;}
    .tab_vh20 {height: 20vh;}
    .tab_vh15 {height: 15vh;}
    .tab_vh10 {height: 10vh;}
    .tab_vh05 {height: 5vh;}

    .tab_txtleft {text-align: left;}
    .tab_txtright {text-align: right;}
    .tab_txtcenter {text-align: center;}
    .tab_txtjust {text-align: justify;}
}

/* .stab (small tablet -> special class for when you cant to go to one column after iPad width) */

@media screen and (max-width: 767px) {
    .cols_2.stab_1 > .col, .cols_3.stab_1 > .col, .cols_4.stab_1 > .col, .cols_5.stab_1 > .col, .cols_6.stab_1 > .col, .cols_8.stab_1 > .col {width: 100%;}
    .cols_2.stab_2 > .col, .cols_3.stab_2 > .col, .cols_4.stab_2 > .col, .cols_5.stab_2 > .col, .cols_6.stab_2 > .col, .cols_8.stab_2 > .col {width: 50%;}
    .cols_2.stab_3 > .col, .cols_3.stab_3 > .col, .cols_4.stab_3 > .col, .cols_5.stab_3 > .col, .cols_6.stab_3 > .col, .cols_8.stab_3 > .col {width: 33.333333%;}
    .cols_2.stab_4 > .col, .cols_3.stab_4 > .col, .cols_4.stab_4 > .col, .cols_5.stab_4 > .col, .cols_6.stab_4 > .col, .cols_8.stab_4 > .col {width: 25%;}
    .cols_2.stab_5 > .col, .cols_3.stab_5 > .col, .cols_4.stab_5 > .col, .cols_5.stab_5 > .col, .cols_6.stab_5 > .col, .cols_8.stab_5 > .col {width: 20%;}
    .cols_2.stab_6 > .col, .cols_3.stab_6 > .col, .cols_4.stab_6 > .col, .cols_5.stab_6 > .col, .cols_6.stab_6 > .col, .cols_8.stab_6 > .col {width: 16.666666%;}
    .cols_2.stab_8 > .col, .cols_3.stab_8 > .col, .cols_4.stab_8 > .col, .cols_5.stab_8 > .col, .cols_6.stab_8 > .col, .cols_8.stab_8 > .col {width: 12.5%;}
    body .col.stab_1, .cols_2 > .col.stab_1, .cols_3 > .col.stab_1, .cols_4 > .col.stab_1, .cols_5 > .col.stab_1, .cols_6 > .col.stab_1, .cols_8 > .col.stab_1 {width: 100%;}
    body .col.stab_twothird, .cols_2 > .col.stab_twothird, .cols_3 > .col.stab_twothird, .cols_4 > .col.stab_twothird, .cols_5 > .col.stab_twothird, .cols_6 > .col.stab_twothird, .cols_8 > .col.stab_twothird {width: 66.666666%;}
    body .col.stab_2, .cols_2 > .col.stab_2, .cols_3 > .col.stab_2, .cols_4 > .col.stab_2, .cols_5 > .col.stab_2, .cols_6 > .col.stab_2, .cols_8 > .col.stab_2 {width: 50%;}
    body .col.stab_3, .cols_2 > .col.stab_3, .cols_3 > .col.stab_3, .cols_4 > .col.stab_3, .cols_5 > .col.stab_3, .cols_6 > .col.stab_3, .cols_8 > .col.stab_3 {width: 33.333333%;}
    body .col.stab_4, .cols_2 > .col.stab_4, .cols_3 > .col.stab_4, .cols_4 > .col.stab_4, .cols_5 > .col.stab_4, .cols_6 > .col.stab_4, .cols_8 > .col.stab_4 {width: 25%;}
    body .col.stab_5, .cols_2 > .col.stab_5, .cols_3 > .col.stab_5, .cols_4 > .col.stab_5, .cols_5 > .col.stab_5, .cols_6 > .col.stab_5, .cols_8 > .col.stab_5 {width: 20%;}
    body .col.stab_6, .cols_2 > .col.stab_6, .cols_3 > .col.stab_6, .cols_4 > .col.stab_6, .cols_5 > .col.stab_6, .cols_6 > .col.stab_6, .cols_8 > .col.stab_6 {width: 16.666666%;}
    body .col.stab_8, .cols_2 > .col.stab_8, .cols_3 > .col.stab_8, .cols_4 > .col.stab_8, .cols_5 > .col.stab_8, .cols_6 > .col.stab_8, .cols_8 > .col.stab_8 {width: 12.5%;}


    .hide_stab {display: none; display: none !important;}
	.show_stab {display: block; display: inline-block !important;}

    .nopad_stab {padding: 0;}
    .nopadh_stab {padding-left: 0; padding-right: 0;}
    .nopadv_stab {padding-bottom: 0; padding-top: 0;}

    .pad_stab {padding: 30px;}
    .padh_stab {padding-left: 30px; padding-right: 30px;}
    .padv_stab {padding-top: 30px; padding-bottom: 30px;}
    .pad_half_stab {padding: 15px;}
    .padh_half_stab {padding-left: 15px; padding-right: 15px;}
    .padv_half_stab {padding-top: 15px; padding-bottom: 15px;}
    .pad_double_stab {padding: 60px;}
    .padh_double_stab {padding-left: 60px; padding-right: 60px;}
    .padv_double_stab {padding-top: 60px; padding-bottom: 60px;}

    .noequal_stab {display: block;}
    .noequal_stab .row {display: block;}
    .noequal_stab .col {display: block;float: left;}

    .grid_stab {font-size: 0; letter-spacing: 0 !important;}
    .grid_stab .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; letter-spacing: 0.01em !important;}

    .stab_vh100 {height: 100vh;}
    .stab_vh95 {height: 95vh;}
    .stab_vh90 {height: 90vh;}
    .stab_vh85 {height: 85vh;}
    .stab_vh80 {height: 80vh;}
    .stab_vh75 {height: 75vh;}
    .stab_vh70 {height: 70vh;}
    .stab_vh65 {height: 65vh;}
    .stab_vh60 {height: 60vh;}
    .stab_vh55 {height: 55vh;}
    .stab_vh50 {height: 50vh;}
    .stab_vh45 {height: 45vh;}
    .stab_vh40 {height: 40vh;}
    .stab_vh35 {height: 35vh;}
    .stab_vh30 {height: 30vh;}
    .stab_vh25 {height: 25vh;}
    .stab_vh20 {height: 20vh;}
    .stab_vh15 {height: 15vh;}
    .stab_vh10 {height: 10vh;}
    .stab_vh05 {height: 5vh;}

    .stab_txtleft {text-align: left;}
    .stab_txtright {text-align: right;}
    .stab_txtcenter {text-align: center;}
    .stab_txtjust {text-align: justify;}
}

/* .mob (mobile) */
@media screen and (max-width: 680px) {
    .cols_2.mob_1 > .col, .cols_3.mob_1 > .col, .cols_4.mob_1 > .col, .cols_5.mob_1 > .col, .cols_6.mob_1 > .col, .cols_8.mob_1 > .col {width: 100%;}
    .cols_2.mob_2 > .col, .cols_3.mob_2 > .col, .cols_4.mob_2 > .col, .cols_5.mob_2 > .col, .cols_6.mob_2 > .col, .cols_8.mob_2 > .col {width: 50%;}
    .cols_2.mob_3 > .col, .cols_3.mob_3 > .col, .cols_4.mob_3 > .col, .cols_5.mob_3 > .col, .cols_6.mob_3 > .col, .cols_8.mob_3 > .col {width: 33.333333%;}
    .cols_2.mob_4 > .col, .cols_3.mob_4 > .col, .cols_4.mob_4 > .col, .cols_5.mob_4 > .col, .cols_6.mob_4 > .col, .cols_8.mob_4 > .col {width: 25%;}
    .cols_2.mob_5 > .col, .cols_3.mob_5 > .col, .cols_4.mob_5 > .col, .cols_5.mob_5 > .col, .cols_6.mob_5 > .col, .cols_8.mob_5 > .col {width: 20%;}
    .cols_2.mob_6 > .col, .cols_3.mob_6 > .col, .cols_4.mob_6 > .col, .cols_5.mob_6 > .col, .cols_6.mob_6 > .col, .cols_8.mob_6 > .col {width: 16.666666%;}
    .cols_2.mob_8 > .col, .cols_3.mob_8 > .col, .cols_4.mob_8 > .col, .cols_5.mob_8 > .col, .cols_6.mob_8 > .col, .cols_8.mob_8 > .col {width: 12.5%;}
    body .col.mob_1, .cols_2 > .col.mob_1, .cols_3 > .col.mob_1, .cols_4 > .col.mob_1, .cols_5 > .col.mob_1, .cols_6 > .col.mob_1, .cols_8 > .col.mob_1 {width: 100%;}
    body .col.mob_twothird, .cols_2 > .col.mob_twothird, .cols_3 > .col.mob_twothird, .cols_4 > .col.mob_twothird, .cols_5 > .col.mob_twothird, .cols_6 > .col.mob_twothird, .cols_8 > .col.mob_twothird {width: 66.666666%;}
    body .col.mob_2, .cols_2 > .col.mob_2, .cols_3 > .col.mob_2, .cols_4 > .col.mob_2, .cols_5 > .col.mob_2, .cols_6 > .col.mob_2, .cols_8 > .col.mob_2 {width: 50%;}
    body .col.mob_3, .cols_2 > .col.mob_3, .cols_3 > .col.mob_3, .cols_4 > .col.mob_3, .cols_5 > .col.mob_3, .cols_6 > .col.mob_3, .cols_8 > .col.mob_3 {width: 33.333333%;}
    body .col.mob_4, .cols_2 > .col.mob_4, .cols_3 > .col.mob_4, .cols_4 > .col.mob_4, .cols_5 > .col.mob_4, .cols_6 > .col.mob_4, .cols_8 > .col.mob_4 {width: 25%;}
    body .col.mob_5, .cols_2 > .col.mob_5, .cols_3 > .col.mob_5, .cols_4 > .col.mob_5, .cols_5 > .col.mob_5, .cols_6 > .col.mob_5, .cols_8 > .col.mob_5 {width: 20%;}
    body .col.mob_6, .cols_2 > .col.mob_6, .cols_3 > .col.mob_6, .cols_4 > .col.mob_6, .cols_5 > .col.mob_6, .cols_6 > .col.mob_6, .cols_8 > .col.mob_6 {width: 16.666666%;}
    body .col.mob_8, .cols_2 > .col.mob_8, .cols_3 > .col.mob_8, .cols_4 > .col.mob_8, .cols_5 > .col.mob_8, .cols_6 > .col.mob_8, .cols_8 > .col.mob_8 {width: 12.5%;}

    .hide_mob {display: none; display: none !important;}
	  .show_mob {display: block; display: inline-block !important;}

    .nopad_mob {padding: 0;}
    .nopadh_mob {padding-left: 0; padding-right: 0;}
    .nopadv_mob {padding-bottom: 0; padding-top: 0;}

    /*
  	-----------------------------------------
  	Overrule paddings on mobile (making them smaller)
  	-----------------------------------------
  	*/

	.pad {padding: 15px;}
	.padh {padding-left: 15px; padding-right: 15px;}
	.padv {padding-top: 15px; padding-bottom: 15px;}
	.pad_half {padding: 15px 8px;}
	.padh_half {padding-left: 8px; padding-right: 8px;}
	.padv_half {padding-top: 15px; padding-bottom: 15px;}
	.pad_double {padding: 30px;}
	.padh_double {padding-left: 30px; padding-right: 30px;}
	.padv_double {padding-top: 30px; padding-bottom: 30px;}


	.padtop {padding-top: 15px;}
	.padbot {padding-bottom: 15px;}
	.padleft {padding-left: 15px;}
	.padright {padding-right: 15px;}

	.padtop_double {padding-top: 30px;}
	.padbot_double {padding-bottom: 30px;}
	.padleft_double {padding-left: 30px;}
	.padright_double {padding-right: 30px;}

	.padtop_half {padding-top: 15px;}
	.padbot_half {padding-bottom: 15px;}
	.padleft_half {padding-left: 8px;}
	.padright_half {padding-right: 8px;}

	/** specific previous mq pads */
	.nopad_cine, .nopad_note, .nopad_land, .nopad_desk, .nopad_tab, .nopad_stab  {padding: 0;}
	.nopadh_cine, .nopadh_note, .nopadh_land, .nopadh_desk, .nopadh_tab, .nopadh_stab {padding-left: 0; padding-right: 0;}
	.nopadv_cine, .nopadv_note, .nopadv_land, .nopadv_desk, .nopadv_tab, .nopadv_stab {padding-bottom: 0; padding-top: 0;}

	.pad_cine, .pad_note, .pad_land, .pad_desk, .pad_tab, .pad_stab	{padding: 15px;}
	.padh_cine, .padh_note, .padh_land, .padh_desk, .padh_tab, .padh_stab {padding-left: 15px; padding-right: 15px;}
	.padv_cine, .padv_note, .padv_land, .padv_desk, .padv_tab, .padv_stab {padding-top: 15px; padding-bottom: 15px;}
	.pad_half_cine, .pad_half_note, .pad_half_land, .pad_half_desk, .pad_half_tab, .pad_half_stab {padding: 15px 8px;}
	.padh_half_cine, .padh_half_note, .padh_half_land, .padh_half_desk, .padh_half_tab, .padh_half_stab	{padding-left: 8px; padding-right: 8px;}
	.padv_half_cine, .padv_half_note, .padv_half_land, .padv_half_desk, .padv_half_tab, .padv_half_stab	{padding-top: 15px; padding-bottom: 15px;}
	.pad_double_cine, .pad_double_note, .pad_double_land, .pad_double_desk, .pad_double_tab, .pad_double_stab {padding: 30px;}
	.padh_double_cine, .padh_double_note, .padh_double_land, .padh_double_desk, .padh_double_tab, .padh_double_stab {padding-left: 30px; padding-right: 30px;}
	.padv_double_cine, .padv_double_note, .padv_double_land, .padv_double_desk, .padv_double_tab, .padv_double_stab	{padding-top: 30px; padding-bottom: 30px;}


	/* mob pads */

	.nopad_mob {padding: 0;}
	.nopadh_mob {padding-left: 0; padding-right: 0;}
	.nopadv_mob {padding-bottom: 0; padding-top: 0;}

	.pad_mob {padding: 15px;}
	.padh_mob {padding-left: 15px; padding-right: 15px;}
	.padv_mob {padding-top: 15px; padding-bottom: 15px;}
	.pad_half_mob {padding: 8px;}
	.padh_half_mob {padding-left: 8px; padding-right: 8px;}
	.padv_half_mob {padding-top: 8px; padding-bottom: 8px;}
	.pad_double_mob {padding: 30px;}
	.padh_double_mob {padding-left: 30px; padding-right: 30px;}
	.padv_double_mob {padding-top: 30px; padding-bottom: 30px;}

    .noequal_mob {display: block;}
    .noequal_mob .row {display: block;}
    .noequal_mob .col {display: block;float: left;}

    .grid_mob {font-size: 0; letter-spacing: 0 !important;}
    .grid_mob .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; letter-spacing: 0.01em !important;}

    .mob_vh100 {height: 100vh;}
    .mob_vh95 {height: 95vh;}
    .mob_vh90 {height: 90vh;}
    .mob_vh85 {height: 85vh;}
    .mob_vh80 {height: 80vh;}
    .mob_vh75 {height: 75vh;}
    .mob_vh70 {height: 70vh;}
    .mob_vh65 {height: 65vh;}
    .mob_vh60 {height: 60vh;}
    .mob_vh55 {height: 55vh;}
    .mob_vh50 {height: 50vh;}
    .mob_vh45 {height: 45vh;}
    .mob_vh40 {height: 40vh;}
    .mob_vh35 {height: 35vh;}
    .mob_vh30 {height: 30vh;}
    .mob_vh25 {height: 25vh;}
    .mob_vh20 {height: 20vh;}
    .mob_vh15 {height: 15vh;}
    .mob_vh10 {height: 10vh;}
    .mob_vh05 {height: 5vh;}

    .mob_txtleft {text-align: left;}
    .mob_txtright {text-align: right;}
    .mob_txtcenter {text-align: center;}
    .mob_txtjust {text-align: justify;}
}

/* .small (smallest) */
@media screen and (max-width: 400px) {
    .cols_2.small_1 > .col, .cols_3.small_1 > .col, .cols_4.small_1 > .col, .cols_5.small_1 > .col, .cols_6.small_1 > .col, .cols_8.small_1 > .col {width: 100%;}
    .cols_2.small_2 > .col, .cols_3.small_2 > .col, .cols_4.small_2 > .col, .cols_5.small_2 > .col, .cols_6.small_2 > .col, .cols_8.small_2 > .col {width: 50%;}
    .cols_2.small_3 > .col, .cols_3.small_3 > .col, .cols_4.small_3 > .col, .cols_5.small_3 > .col, .cols_6.small_3 > .col, .cols_8.small_3 > .col {width: 33.333333%;}
    .cols_2.small_4 > .col, .cols_3.small_4 > .col, .cols_4.small_4 > .col, .cols_5.small_4 > .col, .cols_6.small_4 > .col, .cols_8.small_4 > .col {width: 25%;}
    .cols_2.small_5 > .col, .cols_3.small_5 > .col, .cols_4.small_5 > .col, .cols_5.small_5 > .col, .cols_6.small_5 > .col, .cols_8.small_5 > .col {width: 20%;}
    .cols_2.small_6 > .col, .cols_3.small_6 > .col, .cols_4.small_6 > .col, .cols_5.small_6 > .col, .cols_6.small_6 > .col, .cols_8.small_6 > .col {width: 16.666666%;}
    .cols_2.small_8 > .col, .cols_3.small_8 > .col, .cols_4.small_8 > .col, .cols_5.small_8 > .col, .cols_6.small_8 > .col, .cols_8.small_8 > .col {width: 12.5%;}
    body .col.small_1, .cols_2 > .col.small_1, .cols_3 > .col.small_1, .cols_4 > .col.small_1, .cols_5 > .col.small_1, .cols_6 > .col.small_1, .cols_8 > .col.small_1 {width: 100%;}
    body .col.small_2, .cols_2 > .col.small_2, .cols_3 > .col.small_2, .cols_4 > .col.small_2, .cols_5 > .col.small_2, .cols_6 > .col.small_2, .cols_8 > .col.small_2 {width: 50%;}
    body .col.small_3, .cols_2 > .col.small_3, .cols_3 > .col.small_3, .cols_4 > .col.small_3, .cols_5 > .col.small_3, .cols_6 > .col.small_3, .cols_8 > .col.small_3 {width: 33.333333%;}
    body .col.small_4, .cols_2 > .col.small_4, .cols_3 > .col.small_4, .cols_4 > .col.small_4, .cols_5 > .col.small_4, .cols_6 > .col.small_4, .cols_8 > .col.small_4 {width: 25%;}
    body .col.small_5, .cols_2 > .col.small_5, .cols_3 > .col.small_5, .cols_4 > .col.small_5, .cols_5 > .col.small_5, .cols_6 > .col.small_5, .cols_8 > .col.small_5 {width: 20%;}
    body .col.small_6, .cols_2 > .col.small_6, .cols_3 > .col.small_6, .cols_4 > .col.small_6, .cols_5 > .col.small_6, .cols_6 > .col.small_6, .cols_8 > .col.small_6 {width: 16.666666%;}
    body .col.small_8, .cols_2 > .col.small_8, .cols_3 > .col.small_8, .cols_4 > .col.small_8, .cols_5 > .col.small_8, .cols_6 > .col.small_8, .cols_8 > .col.small_8 {width: 12.5%;}

    .hide_small {display: none; display: none !important;}
	.show_small {display: block; display: inline-block !important;}

	.pad_small {padding: 15px;}
	.padh_small {padding-left: 15px; padding-right: 15px;}
	.padv_small {padding-top: 15px; padding-bottom: 15px;}
	.pad_half_small {padding: 8px;}
	.padh_half_small {padding-left: 8px; padding-right: 8px;}
	.padv_half_small {padding-top: 8px; padding-bottom: 8px;}
	.pad_double_small {padding: 30px;}
	.padh_double_small {padding-left: 30px; padding-right: 30px;}
	.padv_double_small {padding-top: 30px; padding-bottom: 30px;}

    .nopad_small {padding: 0;}
    .nopadh_small {padding-left: 0; padding-right: 0;}
    .nopadv_small {padding-bottom: 0; padding-top: 0;}

    .noequal_small {display: block;}
    .noequal_small .row {display: block;}
    .noequal_small .col {display: block;float: left;}

    .grid_small {font-size: 0; letter-spacing: 0 !important;}
    .grid_small .col {display: -moz-inline-stack; display: inline-block; float: none; vertical-align: top; font-size: 14px; letter-spacing: 0.01em !important;}

    .small_vh100 {height: 100vh;}
    .small_vh95 {height: 95vh;}
    .small_vh90 {height: 90vh;}
    .small_vh85 {height: 85vh;}
    .small_vh80 {height: 80vh;}
    .small_vh75 {height: 75vh;}
    .small_vh70 {height: 70vh;}
    .small_vh65 {height: 65vh;}
    .small_vh60 {height: 60vh;}
    .small_vh55 {height: 55vh;}
    .small_vh50 {height: 50vh;}
    .small_vh45 {height: 45vh;}
    .small_vh40 {height: 40vh;}
    .small_vh35 {height: 35vh;}
    .small_vh30 {height: 30vh;}
    .small_vh25 {height: 25vh;}
    .small_vh20 {height: 20vh;}
    .small_vh15 {height: 15vh;}
    .small_vh10 {height: 10vh;}
    .small_vh05 {height: 5vh;}

    .small_txtleft {text-align: left;}
    .small_txtright {text-align: right;}
    .small_txtcenter {text-align: center;}
    .small_txtjust {text-align: justify;}
}