html
{
	font-size:100%;
}


body::before
{
	content: '';
	position: fixed;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background-image: url(https://www.chrisbaraniuk.com/coaching/images/leavesblur.jpg);
	background-size:340%;
	background-position:90% 30%;
	z-index: -1;
}

body
{
	margin:0em;
	font-family: 'Gudea', sans serif;
	color:#000;
	font-size:1.2em;
	background-position:90% 30%;
}



/*--------------- MAIN CONTENT ----------------------------------------------------------------------------------------------------------------------*/


#content
{
	color:#fff;
	padding-bottom:8em;
	padding-top:6em;
	background-color:rgba(0, 0, 0, 0.24);
}

h1
{
	font-size:4.5em;
	margin-bottom:0em;
	margin-top:0em;
	position:relative;
	top:0em;
}

h2
{
	font-size:2.1em;
	margin-top:0em;
	padding-bottom:0.2em;
	margin:auto;
	border-bottom:0.16em solid;
	margin-bottom:0.3em;
}


h3
{
	font-size:1.3em;
	margin-top:0em;
	padding-bottom:0.5em;
	margin:auto;
	border-bottom:0.1em solid;
	margin-bottom:0.5em;
	color:#D7FFB8;
	
}

.profile-pic {
	float:right; margin-top:0.3em; width:7.5em;
}

.intro-text {  }

#offer-container { 
	display:grid; 
	grid-template-columns: 48% 48%; 
	justify-content:space-between; 
	grid-column-gap:4%; 
	padding:1.3em 0em 2em 0em; 
}

.offer-box 
{ 
	padding:1.5em 2em 2em 2em; 
	border-radius:1em; 
	background-color:rgba(255, 255, 255, 0.8);
	color:#333;
}

.book-button { text-decoration:none; position:relative; top:0.2em; display:block; text-align:center; clear:both; background-color:#f5075b; color:#fff; width:50%; margin:auto; padding:0.5em 0.6em 0.6em 0.6em; cursor:pointer; font-weight:bold; border-radius:1em; border-left:#f586ad solid 0.2em; border-top:#f586ad solid 0.2em; animation:blinker 2.5s ease-in infinite; }
@keyframes blinker {
  50% {
    opacity: 0.5;
  }
}

.strike { text-decoration:line-through; text-decoration-thickness:0.14em; }
.offer-text { margin-top:0.1em; margin-right:1em; }

.offer-box ul { padding-left:1.5em; margin-bottom:0em; }
.offer-box li { margin-bottom:1em; }

h5
{
	margin-top:0em;
	margin-bottom:0.3em;
	font-size:1.2em;
}


h4
{
	font-size:1.3em;
	margin:0em;
}

#testimonials-container {
	display:grid;
	grid-template-columns: auto auto auto;
	justify-content:space-between;
	grid-column-gap:4%;
	margin:2em 0em;
}

#testimonials-container div { text-align:center; font-size:110%; }

.credit { margin-top:1.5em; font-size:80% !important; }

.inner_wrap
{
	width:49em;
	margin:auto;
}

.stretch {
    width: 100%;
    display: inline-block;
    font-size:0em;
    line-height:0em;
}

#contact
{
	display:grid; 
	grid-template-columns: 48% 48%; 
	justify-content:space-between; 
	grid-column-gap:4%; 
	padding:0.5em 0em 2em 0em;
}

#contact-wrapper { width:100%; }

#contact-blurb a { color:#fff; }




.form-col
{
	font-weight:bold;
	font-size:1.1em;
	color:#D7FFB8;
}

form { padding:0em; margin:0em; }

.form-col input { font-size:1.2em; width:90%; height:1.75em; padding-bottom:0.2em; padding-left:0.3em; background-color:rgba(255, 255, 255, 0.2); color:#D7FFB8; font-weight:bold; border:0em; border-radius:0.3em; margin-top:0.2em; }

.form-col textarea { width:95%; height:6.2em; font-size:1.1em; padding:0.2em 0.4em; background-color:rgba(255, 255, 255, 0.2); color:#D7FFB8; font-weight:bold; border:0em; border-radius:0.5em; font-family: 'Gudea', sans serif; margin-top:0.4em; }

.send { display:block; margin:auto; position:relative; top:1em; padding:0.2em 0em; height:1.8em; width:7em;  background-color:rgba(255, 255, 255, 0.2); border-radius:0.3em; border:0em; color:#D7FFB8; font-family: 'Gudea', sans serif; font-weight:bold; font-size:1.5em;
-webkit-transition:background-color 300ms ease-in, color 300ms ease-in;
-moz-transition:background-color 300ms ease-in, color 300ms ease-in;
-o-transition:background-color 300ms ease-in, color 300ms ease-in;
transition:background-color 300ms ease-in,  color 300ms ease-in; }
.send:hover { color:#fff; background-color:rgba(255, 255, 255, 0.6);
-webkit-transition:background-color 300ms ease-in, color 300ms ease-in;
-moz-transition:background-color 300ms ease-in, color 300ms ease-in;
-o-transition:background-color 300ms ease-in, color 300ms ease-in;
transition:background-color 300ms ease-in,  color 300ms ease-in; }

.form-col p { margin-bottom:0.1em; }

#result { width:20em; margin:auto; border-radius:0.8em; border:0.05em solid #fff; padding:1.5em; margin-top:2em; color:#fff }
#result a { color:#fff; }



#section-footer
{

	background-color:rgba(0, 0, 0, 0.15);
	height:5em;
	width:100%;
	bottom:0em;
	color:#fff;
}

#footer-content
{
	padding-top:1.3em;
}

#footer-content p { margin-top:0em; font-size:0.9em; }

#section-footer a { color:#fff; }

/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:70em) {


#section-contact { height:auto; padding-bottom:9em; }

.inner_wrap { width:84%; padding:0% 0%; }

h1 { font-size:4.4em; padding-top:0em; }

h2 { font-size:2em; padding-bottom:0.28em; }

h3 { font-size:1.24em; padding-bottom:0.4em; }

.profile-pic { width:7em; }


#footer-content { text-align:center; }




/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:900px) {

h1 { font-size:3.5em; }

h2 { font-size:1.3em; }

h3 { font-size: 1em; }

.profile-pic { width:15%; }


}


/*-----------------------------------------------------------------------------------------------------------------------------------------------------*/

@media screen and (max-width:650px), only screen and (-webkit-min-device-pixel-ratio: 1.25),
only screen and ( min--moz-device-pixel-ratio: 1.25),
only screen and ( -o-min-device-pixel-ratio: 1.25/1),
only screen and ( min-device-pixel-ratio: 1.25),
only screen and ( min-resolution: 200dpi),
only screen and ( min-resolution: 1.25dppx) {


body::before { background-size:600%; }
body { font-size:3.9vw; max-height:999999px; height:100vh; }

#content { padding-top:10vw; } 

.inner_wrap { width:90%; }

.inner_wrap p { max-height:999999px; }

.stretch { margin-bottom:10vw; }

.profile-pic { width:19.5%; margin-top:0.5vw; display:block; }

h1 { width:100%; font-size:10.2vw; }

h2 { font-size:4.3vw; padding-bottom:2vw; border-bottom:#fff solid 1vw; }

h3 { font-size:3.6vw; padding-top:0.7vw; padding-bottom:1.7vw; margin-bottom:1vw; }

#offer-container { margin-top:6vw; padding-top:0vw; display:block; }

#offer-container div { margin-top:4vw; }

#testimonials-container { display:block; }
#testimonials-container div { margin-bottom:8vw; }
.credit { margin-top:2vw; }

#contact { width:100%; display:block; padding:0vw; }

.form-col { width:100%; padding:0vw; margin:0vw; }
.form-col p { font-weight:bold; font-size:4vw; max-height:999999px; }
#contact input { width:98%; height:5vw; font-size:3.5vw; padding:1vw; border:0vw; }
#contact textarea { width:97%; height:25vw; border:0vw; border-radius:2vw; font-size:4vw; }
.send { width:40% !important; margin:3.2vw auto !important; height:9vw !important; }

#section-footer { height:17vw; }
#footer-content { padding-top:2.5vw; }
#footer-content p { font-size:3.2vw; max-height:999999px; margin-bottom:0vw; }

}

}