@charset "utf-8";

html{
	margin: 0;
	padding: 0;
	height:100%;
}
body {
	position:relative;
	margin: 0;
	padding: 0;
	z-index:1;
	font-size:1.2em;
	display: flex;
	flex-direction: column;
	height: 100%; /* Avoid the IE 10-11 `min-height` bug. */
	/*font-family: 'Roboto',Tahoma,Lucida Grande,Lucida Sans Unicode,sans-serif;*/
}

.t-main-wrapper{
	width:100%;
	max-width:1050px;
	z-index:1;
	flex: 1 0 auto; /* Prevent Chrome, Opera, and Safari from letting these items shrink to smaller than their content's default minimum size. In IE 10-11, flex items ignore their parent container’s height if it’s set via the min-height property. */
	padding:0px 10px;
	margin:0 auto;
}

.align-left{text-align:left;}
.align-right{text-align:right;}
.align-center{text-align:center;}


/* ------------------------------------------------------------------------------------------ */
/* -------------------------------     TEMPLATES     ---------------------------------------- */
/* ------------------------------------------------------------------------------------------ */
/* orange: #fbb63e   lightblue:#b2eaea     middleblue: #84b4c8	    darkblue: #619095					*/

/* FIND REPLACE: REGEX find [.](.+) replace .preview .\1*/

.t-flex, .t-unflex{display:flex;}

.t-c-1-o1{flex:1;}
.t-c-1-1-o1{order:1;flex:1;}
	.t-c-1-1-o2{order:2;flex:1;}
.t-c-1-3-o1{	order:1;flex:1;}
	.t-c-1-3-o2{order:2;flex:3;}
.t-c-3-2-o1{	order:1;flex:3;}
	.t-c-3-2-o2{order:2;flex:2;}
.t-c-2-1-o1{	order:1;flex:2;}
	.t-c-2-1-o2{order:2;flex:1;}
.t-c-4-1-o1{	order:1;flex:4;}
	.t-c-4-1-o2{order:2;flex:1;}
.t-c-1-1-1-o1{order:1;flex:1;}
	.t-c-1-1-1-o2{order:2;flex:1;}
	.t-c-1-1-1-o3{order:3;flex:1;}
.t-c-2-1-1-o1{order:1;flex:2;}
	.t-c-2-1-1-o2{order:2;flex:1;}
	.t-c-2-1-1-o3{order:3;flex:1;}



@media screen and (min-width: 576px){
	
	.t-ss-flex{display:flex;}

	.t-ss-f-1-o1{flex:1;}
	.t-ss-f-1-1-o1{order:1;flex:1;}
		.t-ss-f-1-1-o2{order:2;flex:1;}
	.t-ss-f-1-3-o1{	order:1;flex:1;}
		.t-ss-f-1-3-o2{order:2;flex:3;}
	.t-ss-f-3-2-o1{	order:1;flex:3;}
		.t-ss-f-3-2-o2{order:2;flex:2;}
	.t-ss-f-2-1-o1{	order:1;flex:2;}
		.t-ss-f-2-1-o2{order:2;flex:1;}
	.t-ss-f-4-1-o1{	order:1;flex:4;}
		.t-ss-f-4-1-o2{order:2;flex:1;}
	.t-ss-f-1-1-1-o1{order:1;flex:1;}
		.t-ss-f-1-1-1-o2{order:2;flex:1;}
		.t-ss-f-1-1-1-o3{order:3;flex:1;}
	.t-ss-f-2-1-1-o1{order:1;flex:2;}
		.t-ss-f-2-1-1-o2{order:2;flex:1;}
		.t-ss-f-2-1-1-o3{order:3;flex:1;}

	
}

		
@media screen and (min-width : 750px){
	.t-m-flex{display:flex;}

}