@charset "utf-8";
/* CSS Document */

:root {
  --gap: 15px;
}

*[class^="row"]:after {
  content: "";
  display: table;
  clear: both;
}
*[class^="col"] {
	min-height:1px;
}
*[class^="col"] img {
	width:100%;
}
*[class^="row"] {
	min-height:1px;
	position:relative;
}
.row{
	margin-left:var(--gap);
	margin-right:var(--gap);
	margin:auto;
}
/*row with no margins*/
.rows{}
.rowsdent{
	margin-left:var(--gap);
	margin-right:var(--gap);
}


.rowmargined *[class^="col"] .cinner{
	margin-left:var(--gap);
	margin-right:var(--gap);
}
.rowmargined{
	margin-left:calc(0px - var(--gap));
}


.contentxxlarge{
	max-width:2400px;
	margin:auto;
}
.contentxlarge{
	max-width:1900px;
	margin:auto;
}
.contentlarge{
	max-width:1600px;
	margin:auto;
}
.contentmid{
	max-width:1200px;
	margin:auto;
}
.contentmsmall{
	max-width:1150px;
	margin:auto;
}
.contentsmall{
	max-width:900px;
	margin:auto;
}
.contentxsmall{
	max-width:700px;
	margin:auto;
}
.col100{width:100%;}
.col90{width:90%;}
.col80{width:80%;}
.col75{width:75%;}
.col70{width:70%;}
.col66{width:66.66666666666667%}
.col60{width:60%;}
.col50{width:50%;}
.col40{width:40%;}
.col35{width:35%;}
.col33{width:33.33333333333333%;}
.col30{width:30%;}
.col25{width:25%;}
.col20{width:20%;}
.col16{width:16.66666666666667%;}
.col15{width:15%;}
.col10{width:10%;}
.col5{width:5%;}

*[class^="col"] {
	float:left;
}

.row *[class^="col"] .cinner{
height: 100%;
box-sizing: border-box;
}

.row{
display: flex;
flex-wrap: wrap;
}
.rowmarginbot *[class^="col"]{
	margin-bottom:calc(var(--gap) * 2);
}
img{
display: block;
}