@font-face {
    font-family: 'butlerregular';
    src: url('font/butler_regular-webfont.eot');
    src: url('font/butler_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('font/butler_regular-webfont.woff2') format('woff2'),
         url('font/butler_regular-webfont.woff') format('woff'),
         url('font/butler_regular-webfont.ttf') format('truetype'),
         url('font/butler_regular-webfont.svg#butlerregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	-webkit-font-smoothing:antialiased;
	-moz-osx-font-smoothing:grayscale;
	font-family: 'EB Garamond', serif;
}

html,body {
	margin:0;
	padding:0;
	width:100%;
}

html {
	font-size:24px;
	color:#7d787f;
}

@media (max-width:1400px) {
	html {
		font-size:20px;
	}
}

@media (max-width:1200px) {
	html {
		font-size:18px;
	}
}

@media (max-width:1024px) {
	html {
		font-size:16px;
	}
}

@media (max-width:767px) {
	html {
		font-size:14px;
	}
}

p {
	font-size:1rem;
	margin:0 0 1rem;
}

h1 {
	font-size:2rem;
	margin:0;
}

h2 {
	font-size:1.6rem;
	margin:0 0 1rem;
}

h3 {
	font-size:1.4rem;
	margin:0 0 1rem;
}

h4 {
	font-size:1.2rem;
	margin:0 0 1rem;
}

h1,h2,h3,h4 {
	font-family: "jaf-domus-titling-web",helvetica,sans-serif;
	font-style: normal;
	font-weight: 600;
	text-transform: uppercase;
}

#page {
	width:100%;
	overflow:hidden;
	border-bottom:6px solid #743080;
}

.narrow-wrapper {
	display:block;
	max-width:600px;
	margin:auto;
}

.medium-wrapper {
	display:block;
	max-width:1100px;
	margin:auto;
}

.wrapper {
	display:block;
	max-width:1400px;
	margin:auto;
}

.row {
	display:inline-block;
	width:100%;
}

.col {
	float:left;
	display:inline-block;
	width:50%;
	padding:30px;
	box-sizing: border-box;
}

#header {
	background:#ffffff;
	display:block;
	padding:30px;
	text-align: center;
}

#header img {
	max-width:50%;
	height:auto;
}

.white {
	background:#ffffff;
	display:block;
	padding:50px 0;
}

.white h1,
.white h2,
.white h3,
.white h4 {
	color:#743080;
}

.triangle {
	position:absolute;
	left:0px;
	width:0px;
	height:0px;
	display:block;
	z-index:1;
	border-style:solid;
}

.triangle.bottom-left {
	bottom:0px;
	border-width:50px 0 0 100vw;
	border-color:transparent transparent transparent #ffffff;
}

.triangle.bottom-right {
	bottom:0px;
	border-width: 50px 100vw 0 0;
	border-color:transparent #ffffff transparent transparent;
}

.triangle.top-left {
	top:0px;
	border-width:0 0 50px 100vw;
	border-color:transparent transparent transparent #ffffff;
}

.triangle.top-right {
	top:0px;
	border-width:0 100vw 50px 0;
	border-color:transparent #ffffff transparent transparent;
}

#about {
	display:block;
	position:relative;
	padding:50px 15px 100px;
	background-image:url(images/cbcclient.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment: fixed;
	color:#ffffff;
	text-align: center;
}

#about p {
	font-size:1.8rem;
	font-family:'butlerregular';
	padding:1rem 0;
}

#about a {
	color:#ffffff;
	text-decoration: none;
	text-transform: uppercase;
	border:2px solid #ffffff;
	background:rgba(255,255,255,0);
	cursor:pointer;
	border-radius:2rem;
	font-size:1.2rem;
	line-height:1.2rem;
	padding:0.2rem 1.2rem 0.7rem 1.2rem;
	margin:0;
	transition:color 0.5s, background 0.5s;
	font-family: "jaf-domus-titling-web",helvetica,sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	display:inline-block;
}

#about a:hover {
	background:rgba(255,255,255,1);
	color:#743080;
}

#christine {
	display:block;
	position:relative;
	padding:50px 0;
	background-image:url(images/cbcnotes.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment: fixed;
	color:#ffffff;
}

#christine p,
#christine blockquote {
	color:#ffffff;
}

#christine blockquote {
	display:block;
	margin:0;
	padding:30px 0 30px 30px;
	position:relative;
	font-size:1.3rem;
	text-transform: uppercase;
	font-family: "jaf-domus-titling-web",helvetica,sans-serif;
	font-style: normal;
	font-weight: 400;
}

#christine blockquote:before {
	position:absolute;
	top:6px;
	left:-5px;
	display:block;
	content:" ";
	background-image:url(images/blockquote.png);
	background-repeat: no-repeat;
	width:35px;
	height:24px;
	background-size:contain;
	background-position: center center; 
}

#christine .table-head {
	display:inline-block;
	width:100%;
}

#christine .table-head h3,
#christine .table-head h4 {
	color:#ffffff;
}

#christine .table-head h3 {
	margin-bottom:0px;
}

#christine .table-head h4 {
	font-weight:400;
}

#christine .table-head img {
	float:right;
	width:134px;
	height:134px;
	margin:-35px 80px 20px 0;
}

blockquote.testimonial {
	display:block;
	margin:0;
	padding:30px 0 30px 30px;
	position:relative;
	font-size:1.3rem;
	font-style: normal;
	font-weight: 400;
}

blockquote.testimonial:before {
	position:absolute;
	top:6px;
	left:-5px;
	display:block;
	content:" ";
	background-image:url(images/blockquote2.png);
	background-repeat: no-repeat;
	width:35px;
	height:24px;
	background-size:contain;
	background-position: center center; 
}

blockquote.testimonial table.bio {
	padding-top:1rem;
}

blockquote.testimonial table.bio span,
blockquote.testimonial table.bio span b {
	display:block;
	color:#743080;
	font-size:0.8rem;
	margin:0;
	padding:0;
	font-family: "jaf-domus-titling-web",helvetica,sans-serif;
}

#coaching {
	display:block;
	position:relative;
	padding:100px 0;
	background-image:url(images/cbcinformal.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment: fixed;
	color:#ffffff;
}

#contact {
	display:block;
	position:relative;
	padding:100px 0;
	background-image:url(images/cbcmeeting.jpg);
	background-repeat: no-repeat;
	background-size:cover;
	background-position:center center;
	background-attachment: fixed;
	color:#ffffff;
}

.form {
	display:inline-block;
	width:100%;
}

.field {
	display:inline-block;
	width:100%;
	padding:15px;
	box-sizing:border-box;
}

.field.half {
	width:50%;
	float:left;
}

.field input[type=text],
.field input[type=email],
.field textarea {
	border:1px solid #ffffff;
	background:#e7deeb;
	width:100%;
	box-sizing:border-box;
	padding:8px;
	font-size:0.8rem;
	line-height:0.8rem;
	appearance: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	outline:none;
	color: #743080;
}

.field textarea {
	height:250px;
}

.field input[type=text]:focus,
.field input[type=email]:focus,
.field textarea:focus {
	background:#ffffff;
}

.field input[type=submit] {
	color:#ffffff;
	text-decoration: none;
	text-transform: uppercase;
	border:2px solid #ffffff;
	background:rgba(255,255,255,0);
	cursor:pointer;
	border-radius:2rem;
	font-size:1.2rem;
	line-height:1.2rem;
	padding:0.2rem 1.2rem 0.7rem 1.2rem;
	margin:0;
	transition:color 0.5s, background 0.5s;
	font-family: "jaf-domus-titling-web",helvetica,sans-serif;
	font-style: normal;
	font-weight: 400;
	text-transform: uppercase;
	display:inline-block;
	float:right;
}

.field input[type=submit]:hover {
	background:rgba(255,255,255,1);
	color:#743080;
}

::-webkit-input-placeholder {
    color: #ad87b5;
}

:-moz-placeholder {
   color: #ad87b5;
   opacity:  1;
}

::-moz-placeholder {
   color: #ad87b5;
   opacity:  1;
}

:-ms-input-placeholder {
   color: #ad87b5;
}

:placeholder-shown {
  color: #ad87b5;
}

#footer {
	display:inline-block;
	width:100%;
	text-align: right;
	font-size:0.8rem;
	padding:0 15px;
	box-sizing: border-box;
}

#footer img {
	float:left;
	width:150px;
	height:auto;
}

@media (max-width:1330px) {
	table.table {
		width:100%;
	}
}

@media (max-width:768px) {
	table.table,
	table.table > tbody,
	table.table > tbody > tr,
	table.table > tbody > tr > td {
		display:block!important;
		width:100%!important;
	}
	
	table.table > tbody > tr > td {
		padding:15px;
		box-sizing: border-box;
	}
	
	.col {
		float:none;
		display:block;
		width:100%;
		padding:15px;
	}
	
	#coaching .narrow-wrapper,
	.fabs .wrapper {
		display:block;
		width:100%;
		padding:15px;
		text-align: left!important;
		box-sizing: border-box;
		max-width:100%;
	}
	
	.field {
		padding:0 15px 10px;
	}
	
	.field.half {
		width:100%;
		float:none;
	}
	
	.field textarea {
		height:150px;
	}
}

.thankyou {
	display:block;
	font-size:1.5rem;
	text-align: center;
	padding:30px;
}