@charset "UTF-8";
/* Coaching CSS Document */

/*
font-family: "brandon-grotesque", "Brandon Grotesque", sans-serif;
font-family: "freight-display-pro", "Freight Display Pro", serif;
Orange: #F47003;
Teal: #009FA2;
Navy: #1A3756;
Gray: #373737;
Aqua: #BCE4E5;
box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
*/

/* COACHING */
.coaching-o {
	display: flex;
	margin: 7em -1.5em 0;
}
.coaching-i {
	position: relative;
	flex: 1 0 40%;
	width: 40%;
	margin: 0 1.5em;
	padding: 6em 2.5em 2.5em;
	background: #BCE4E5;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	color: #373737;
	font-weight: 300;
}
.coaching-i:hover {
	color: #373737;
	transform: scale(1.05);
}
.coaching-i h4 {
	position: absolute;
	top: -2.25em;
	left: 50%;
	z-index: 1;
	display: flex;
	justify-content: center;
	align-items: center;
	width: calc(100% - 4em);
	margin-left: -6em;
	padding: .5em 1em;
	background: #1A3756;
	box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
	color: #FFF;
	text-align: center;
}
.coaching-i:hover h4 {
	background: #009FA2;
}
.coaching-i h4:after {
	content: '';
	position: absolute;
	top: -.6em;
	left: -.6em;
	box-sizing: content-box;
	width: 100%;
	height: 100%;
	padding: .6em;
	border: 1px solid #1A3756;
}
.coaching-i:hover h4:after {
	border-color: #009FA2;
}
.coaching-investment {
	margin-top: 1em;
	font-style: italic;
}
.coaching-i .button {
	width: 100%;
	border-color: #1A3756;
	color: #1A3756;
}
.coaching-i .button:hover {
	color: #BCE4E5;
}
.coaching-i .button:after {
	background: #1A3756;
}
.coaching-levels {
    display: flex;
    margin: 3em -2.5em 0;
}
.coaching-levels-i {
    flex: 1 0 30%;
    padding: 0 2.5em;
	border-right: 1px solid rgba(26, 55, 86, .5);
}
.coaching-levels-i:last-of-type {
    border: none;
}
.coaching-levels-i h4 {
    margin-top: 0;
}
.coaching-levels-i p {
    font-size: 1em;
    text-align: justify;
}
@media screen and (max-width: 1300px) {
	.coaching-o {
		flex-wrap: wrap;
		margin: 0;
	}
	.coaching-i {
		flex: 0 0 100%;
		width: 100%;
		margin: 7em 0 0;
	}
	.coaching-i:hover {
		transform: none;
	}
	.coaching-i h4 {
		top: -1.5em;
		width: 13em;
		margin-left: -6.5em;
		padding: .5em 1em;
		background: #1A3756;
		box-shadow: 1px 2px 4px rgba(0, 0, 0, .4);
		color: #FFF;
		text-align: center;
	}
	.coaching-i h4:after {
		top: -.4em;
		left: -.4em;
		padding: .4em;
	}
}
@media screen and (max-width: 1000px) {
    .coaching-levels {
        flex-wrap: wrap;
        margin: 0;
    }
    .coaching-levels-i {
        flex: 0 0 100%;
        padding: 2em 0;
        border-right: none;
        border-bottom: 1px solid rgba(26, 55, 86, .5);
    }
}
@media screen and (max-width: 800px) {
	.coaching-i {
		margin: 4em 0 0;
		padding: 5em 2em 2em;
	}
}
@media screen and (max-width: 425px) {
	.coaching-i h4 {
		width: 85%;
		left: 7.5%;
		margin-left: 0;
	}
}