/*
* Helpers
*/
.p-relative {
	position: relative;
}
.p-absolute {
	position: absolute;
}
.max-width {
	width: 100%;
	max-width: 100%;
}
.img-half {
	width: 50%;
	max-width: 50%;
}
.text-right {
	text-align: right;
}
.text-center {
	text-align: center;
}
.vert-center {
	align-items: center;
}
.items-center {
	justify-items: center;
}
.items-right {
	justify-items: end;
}
.content-center {
	justify-content: center;
}
.align-bottom {
	align-self: bottom;	
}
.align-end {
	align-self: end;
}

.hug-items {
	display: flex;
	flex-basis: content;
}


.m-t-s {
	margin-top: 40px;
}
.m-t-m {
	margin-top: 70px;
}
.m-t-l {
	margin-top: 96px;
}
.m-b-l {
	margin-bottom: 80px;
}
.m-b-xl {
	margin-bottom: 120px;
}
.m-b-m {
	margin-bottom: 60px;
}
.m-b-s {
	margin-bottom: 40px;
}
.m-b-xs {
	margin-bottom: 24px;
}
.m-b-xxxxl {
	margin-bottom: 250px;
}
.m-sides-xs {
	margin-left: 12px;
	margin-right: 12px;
}
.pull-b-m {
	margin-bottom: -100px;
}
.in-p-t-b {
	padding:  100px 0;
}
.in-p-b {
	padding:  0 0 100px;
}
.pull-top-l {
	transform: translateY(-100px);
	margin-top: -100px;
}
.no-m-b {
	margin-bottom: 0 !important;
}
.no-m-t {
	margin-top: 0 !important;
}
.space-even {
	justify-content: space-evenly;
}
.vertical-end {
	align-items: flex-end;
}
.self-vertical-end {
	align-self: flex-end;
}

.no-padding {
	padding: 0 !important;
}
.z-index-1 {
	position: relative;
	z-index: 1;
}

@media screen  and (min-width: 300px) and (max-width: 768px) {


	.show-mobile {
		display: inline-block !important;
	}

	/*
	* Helpers
	*/
	.no-m-b-mobile {
		margin-bottom: 0 !important;
	}
	.no-m-t-mobile {
		margin-top: 0 !important;
	}
	.m-b-s-mobile {
		margin-bottom: 24px;
	}
	.m-b-m-mobile {
		margin-bottom: 40px !important;
	}
	.m-b-l-mobile {
		margin-bottom: 60px !important;
	}

	.p-b-m-mobile {
		padding-bottom: 40px;
	}
	.p-t-xxl-mobile {
		padding-top: 250px;
	}
	.in-p-b {
		padding-bottom: 50px;
	}

	.pull-top-l {
		margin-top: -70px;
		transform: translateY(-70px);
	}
	.text-center-mobile {
		text-align: center;
	}
	.text-left-mobile {
		text-align: left;
	}
	.hide-mobile {
		display: none !important;
	}
	.flex-reverse-mobile {
		flex-flow: column-reverse;
	}

	.pull-top-m {
		transform: translateY(-90px) !important;
	}

	.m-b-xxxxl {
		margin-bottom: 125px;
	}

	.m-b-m {
		margin-bottom: 30px;
	}

	.m-b-xl {
		margin-bottom: 60px;
	}

	.m-b-l {
		margin-bottom: 40px;
	}



}