.grid {
	margin: 0;
	padding: 0;
	list-style: none;
	display: flex;
	flex-flow: row wrap;
}
.grid > * {
	box-sizing: border-box;
	float: none;
	position: relative;
}

.grid_flex > * {
	display: flex;
}

.grid_breathe {
	margin: -7px;
}
.grid_breathe > * {
	padding: 7px;
}

@media only screen and (min-width: 700px) {
	.grid_breathe {
		margin: -15px !important;
	}
	.grid_breathe > * {
		padding: 15px;
	}

	.grid_breathe_horiz {
		margin: 0 -15px;
	}
	.grid_breathe_horiz > * {
		padding: 0 15px;
	}
}

.grid_horiz {
	margin-top: 0 !important;
	margin-bottom: 0 !important;

}
.grid_horiz > * {
	padding-top: 0;
	padding-bottom: 0;
}

.grid_tight {
	margin: -2px;
}
.grid_tight > * {
	padding: 2px;
}

.grid_center {
	justify-content: center;
}

.grid_middle > * {
	align-self: center;
}

.grid_bottom > * {
	align-self: flex-end;
}

.s_100 {
	width: 100%;
}
.s_80 {
	width: 80%;
}
.s_75 {
	width: 75%;
}
.s_70 {
	width: 40%;
}
.s_60 {
	width: 60%;
}
.s_50 {
	width: 50%;
}
.s_33 {
	width: 33.33%;
}
.s_40 {
	width: 40%;
}
.s_30 {
	width: 30%;
}
.s_25 {
	width: 25%;
}
.s_20 {
	width: 20%;
}
.s_10 {
	width: 10%;
}
.s_5 {
	width: 5%;
}

@media only screen and (min-width: 700px) {
	.m_100 {
		width: 100%;
	}
	.m_90 {
		width: 90%;
	}
	.m_80 {
		width: 80%;
	}
	.m_75 {
		width: 75%;
	}
	.m_70 {
		width: 70%;
	}
	.m_66 {
		width: 66.6%;
	}
	.m_60 {
		width: 60%;
	}
	.m_50 {
		width: 50%;
	}
	.m_40 {
		width: 40%;
	}
	.m_33 {
		width: 33.33%;
	}
	.m_30 {
		width: 30%;
	}
	.m_25 {
		width: 25%;
	}
	.m_20 {
		width: 20%;
	}
	.m_10 {
		width: 10%;
	}
}

@media only screen and (min-width: 900px) {
	.l_100 {
		width: 100%;
	}
	.l_90 {
		width: 90%;
	}
	.l_75 {
		width: 75%;
	}
	.l_70 {
		width: 70%;
	}
	.l_66 {
		width: 66.6%;
	}
	.l_60 {
		width: 60%;
	}
	.l_50 {
		width: 50%;
	}
	.l_40 {
		width: 40%;
	}
	.l_33 {
		width: 33.33%;
	}
	.l_30 {
		width: 30%;
	}
	.l_25 {
		width: 25%;
	}
	.l_20 {
		width: 20%;
	}
	.l_10 {
		width: 10%;
	}
}

@media only screen and (min-width: 1200px) {
	.xl_100 {
		width: 100%;
	}
	.xl_75 {
		width: 70%;
	}
	.xl_70 {
		width: 75%;
	}
	.xl_66 {
		width: 66.6%;
	}
	.xl_60 {
		width: 60%;
	}
	.xl_50 {
		width: 50%;
	}
	.xl_40 {
		width: 40%;
	}
	.xl_33 {
		width: 33.33%;
	}
	.xl_30 {
		width: 30%;
	}
	.xl_25 {
		width: 25%;
	}
	.xl_20 {
		width: 20%;
	}
	.xl_10 {
		width: 10%;
	}
}