/*-- FLEXBOX --*/
.flex_container,
.flex__container{
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: stretch;
	align-content: center;
  /* height:inherit; */
  margin:auto;}
.flex_container.middled{
	align-content:center;
	align-items:center}
.flex_container.start{
	justify-content: flex-start;}
.flex_container.center{
	justify-content: center;}
.flex_container.end{
	justify-content: flex-end;}

.flex_container.nowrap{
  flex-flow: nowrap !important;}
.flex_container.spaceBetween{
	align-content: space-between;
  justify-content: space-between;}
.flex_container.flexRow{
	flex-direction: row;
}

.flex_container.gap10{gap:10px;} .flex_container.gap010{gap:0 10px;} .flex_container.gap2010{gap:20px 10px;} .flex_container.gap3010{gap:30px 10px;}.flex_container.gap4030{gap:40px 10px;}.flex_container.gap5010{gap:50px 10px;}
.flex_container.gap20{gap:20px;} .flex_container.gap020{gap:0 20px;} .flex_container.gap1020{gap:10px 20px;} .flex_container.gap3020{gap:30px 20px;}.flex_container.gap4020{gap:40px 20px;}.flex_container.gap5020{gap:50px 20px;}
.flex_container.gap30{gap:30px;} .flex_container.gap030{gap:0 30px;} .flex_container.gap1030{gap:10px 30px;} .flex_container.gap2030{gap:20px 30px;}.flex_container.gap4030{gap:40px 30px;}.flex_container.gap5030{gap:50px 30px;}
.flex_container.gap40{gap:40px;} .flex_container.gap040{gap:0 40px;} .flex_container.gap1040{gap:10px 40px;} .flex_container.gap2040{gap:20px 40px;}.flex_container.gap3040{gap:30px 40px;}.flex_container.gap5040{gap:50px 40px;}
.flex_container.gap50{gap:50px;} .flex_container.gap050{gap:0 50px;} .flex_container.gap1050{gap:10px 50px;} .flex_container.gap2050{gap:20px 50px;}.flex_container.gap3050{gap:30px 50px;}.flex_container.gap4050{gap:40px 50px;}


.flex_item,
.flex__item{
	flex: 1 auto;}
.flex_item.top{
	align-self: flex-start;}
.flex_item.middle{
  align-self: center;}
.flex_item.bottom{
  align-self: flex-end;}
p.flex__item{
	padding:20px;
}

.container{
    width:100%;
    max-width:calc(100% - 0px);
		/* border-width:0 25px;
		border-style:solid;
		border-color:#000; */
    margin:auto;}
.container_1600{
    width:100%;
    max-width:1600px;
    margin:auto;}
.container_1400{
    width:100%;
    max-width:1400px;
    margin:auto;}
.container_1200{
    width:100%;
    max-width:1200px;
    margin:auto;}
.container_1100{
    width:100%;
    max-width:1100px;
    margin:auto;}
.container_1000{
    width:100%;
    max-width:1000px;
    margin:auto;}
.container_900{
    width:100%;
    max-width:900px;
    margin:auto;}
.container_800{
    width:100%;
    max-width:800px;
    margin:auto;}
.container_700{
    width:100%;
    max-width:700px;
    margin:auto;}

.width10{width:10%}
.width15{width:15%}
.width20{width:20%;}
.width25{width:25%}
.width30{width:30%}
.width33{width:calc(100% / 3)}
.width35{width:35%}
.width40{width:40%}
.width45{width:45%}
.width50{width:50%}
.width55{width:55%}
.width60{width:60%}
.width65{width:65%}
.width66{width:calc(100% / 3 * 2)}
.width70{width:70%}
.width75{width:75%}
.width80{width:80%}
.width85{width:85%}
.width90{width:90%}
.width100{width:100%}

.height100{height:100%}

.flex_container.gap10 .width33{
	width: calc(100% / 3 - 10px)}
.flex_container.gap30 .width33{
	width: calc(100% / 3 - 30px)}
.flex_container.gap30 .width70{
	width: calc(70% - 30px)}
.flex_container.gap30 .width30{
	width: calc(30% - 30px)}

/*-- DIRECTIONS --*/
.row{
  flex-direction: row;}
.column{
  flex-direction: column;}
.row-reverse{
  flex-direction: row-reverse;}
.column-reverse{
  flex-direction: column-reverse;}
.respHide{display:block;}
.respShow{display:none;}

/* MEDIAQUERIES */
@media (max-width : 720px) {
	.width10,
	.width15,
	.width20,
	.width25,
	.width30,
	.flex_container.gap30 .width30,
	.width33,
	.flex_container.gap30 .width33,
	.width35,
	.width40,
	.width45,
	.width50,
	.width55,
	.width60,
	.width65,
	.width66,
	.width70,
	.flex_container.gap30 .width70,
	.width75,
	.width80,
	.width85,
	.width90,
	.width100{
		width:100%;
		max-width:100%;}
	.respHide{display:none;}
	.respShow{display:block;}
}

@media (max-width : 980px) {

}