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

html{
	background-color:#004050;
	-webkit-text-size-adjust:100%;
	width: 100vw;
	height: auto;
	min-width: 375px;
	}
	
body {
	max-width: 900px;
	height: auto;
	min-width: 375px;
	padding: 0;
	font-size: 10px;
	margin: 0 auto;
	overflow-x: hidden; /*for WINDOWS*/
}
p,h1,h2,h3,h4,ul,ol,dl,img,hr,td,tr,line-height,button,a,header {
	margin: 0;
	padding: 0;
	border: none;
	outline: 0;
}
#HPcontainer {
	width: 100%;
	max-width: 900px;
	height: 100%;
	margin: 0 auto;
	display: grid;
	grid-template-columns: repeat(3, minmax(31%, 1fr));
	grid-auto-rows: min-content;  
	grid-column-gap: 12px;
	grid-row-gap: 0px;
}
.navmargin{
	margin: -50px 0 0 0;
}
.collapsemargin{
	margin: -6px 0 0 0;
}
.alignbottom{
	vertical-align: top;
	}
*:focus {
    outline: none;
}
*:active {
    outline: none;
    }
*:hover {
    outline: none;
    }
*:link {
    outline: none;
    }
*:textarea:focus {
    outline: none;
    }
*:input:focus {
	outline: none;
}

/* home page styles*/

.hpheader {
	grid-column: 1/-1;
	grid-row: 1/2;
	display: grid;
	grid-template-columns: 1fr;
	grid-template-rows: min-content;
}
.logo {
	grid-column: 1/-1;
	grid-row: 1/2;
	width: 62%;
	height: auto;
	max-width: 586px !important;
	z-index: 2;
}
.headerbckgrnd {
	grid-column: 1/-1;
	grid-row: 1/2;
	width: 100%;
	height: auto;
	max-width: 900px;
}
.hpmainevent {
	width: 100%;
	height: auto;
	grid-column: 1/-1;
	grid-row: 3/4;
}
.touchzone {
	grid-column: 1/-1;
	grid-row: 3/4;
}
#hpbottomhalf {
	grid-column: 1/-1;
	grid-row: 4/7;
}
#undersea {
	grid-column: 1/-1;
	grid-row: 4/7;
	/*background: url('images/HPbottomonly.jpg') no-repeat left top;*/
	background: linear-gradient( to bottom, #005366 20%, #083658, #012C4E, #030013);
	background-size: cover;
}

#featureboxes{
	grid-column: 1/-1;
	grid-row: 4/6;
	padding: 6.5% 1.3333333% 0 1.3333333%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(284px, 1fr));
	grid-auto-rows: auto;
	grid-column-gap: 12px;
	grid-row-gap: 12px;
	justify-content: space-evenly;  
	}
#box1{
	max-width: 284px;
	min-width: 284px;
	height: 230px;
	background: url('images/box1img.jpg') no-repeat;
	opacity: .8;
	justify-self: center;
	}
#box2{
	max-width: 284px;
	min-width: 284px;
	height: 230px;
	background: url('images/box2img.webp') no-repeat;
	opacity: .8;
	justify-self: center;
	}
#box3{
	max-width: 284px;
	min-width: 284px;
	height: 230px;
	background: url('images/box3img.jpg') no-repeat;
	opacity: .8;
	justify-self: center;
	}
#box4{
	max-width: 284px;
	min-width: 284px;
	height: 230px;
	background: url('images/box4img.webp') no-repeat;
	opacity: .8;
	justify-self: center;
	}
#box5{
	max-width: 284px;
	min-width: 284px;
	height: 230px;
	background: url('images/box5imgOrig.webp') no-repeat;
	opacity: .8;
	justify-self: center;
	}
#box6{
	max-width: 284px;
	min-width: 284px;
	height: 230px;
	background: url('images/box6img.webp') no-repeat;
	opacity: .8;
	justify-self: center;
	}
	
#box1:hover, #box2:hover, #box3:hover, #box4:hover, #box5:hover, #box6:hover {
	opacity: 1.0;
	cursor: pointer;
}
footer {
	grid-column: 1/-1;
	grid-row: 6/7;
	padding: 48px 12px 64px 12px;
	display: grid;
	grid-template-columns: repeat(3, minmax(30%, 1fr));
	grid-auto-rows: auto;
	grid-column-gap: 12px;
}
aboutfooter {
	grid-column: 1/-1;
	grid-row: 10/11;
	padding: 48px 12px 64px 12px;
	display: grid;
	grid-template-columns: repeat(3, minmax(31%, 1fr));
	grid-auto-rows: auto;
	grid-column-gap: 12px;
	/*background-image: url("images/InteriorFooter.jpg");
	background-size: cover;*/
	background: linear-gradient( to bottom, #012C4E 25%, #030013);
}
footer > img, aboutfooter > img {
	max-width: 162px !important;
	height: auto;
	grid-column: 1/2;
}

.bitbolder {
	font-family: "proxima_novasemibold", arial, sans-serif;
}

/*interior page styles*/

.featurenav {
	display:block;
	color: #FFF;
	opacity: .75;
	font-family: "proxima_novaregular", arial, sans-serif;
	font-size: 1.8em;
	font-weight:400;
	line-height: 100%;
	text-decoration:none;
	padding: 0 0 6px 56px;
}
.featurenav:hover, .featurenav:active {
  color: #FFF;
  opacity: 1.0;
  outline: 0;
  cursor:pointer; 
  }
.sidebarrule{
	max-width: 276px;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B3B3B3;
	padding: 0 0 12px 0;
}
.mainstuffrule{
	max-width: 546px;
	margin: 0;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #B3B3B3;
	padding: 0 0 12px 0;
}
.interiorheader{
	height: 158px;
	position:fixed;
	top: 0;
	margin: 0 auto;
	z-index: 10;
	}

.blogfooter{
	position: relative;
	padding: 60px 0 0 0;
	}
.sidebar{
	grid-column: 1/2;
	grid-row: 1/2;
	background-color: inherit;
	max-width: 276px;
	z-index: 9;
	}
#gyrepic > img, #waterpic > img, #potterypic > img, #anemonaepic > img, #universepic > img, #aerialshot > img, #teacherpic > img, #LLsmallpic > img {
	width: inherit;
	max-width: 276px !important;
}
.mainstuff{
	grid-column: 2/4;
	grid-row: 1/2;
	max-width: 100%;
	height: auto;
	padding-bottom: 44px;
	background-color: inherit;
	z-index: 2;
}	
.inlineimg{
	display: block;
	padding: 12px 32px 0 0;
	width: 100%;
	max-width: 585px !important;
	max-height: 371px !important;
	box-sizing: border-box;
	margin: 0 auto;
	}

/*navbar styles*/
	
header{
	width: 100%;
	height: auto;
	max-width: 900px;
}

nav{
	width: 100%;
	background-color: #007784;
	max-width: 900px;
	height: 50px;
	grid-column: 1/-1;
	grid-row: 2/3;
	padding: 0 24px;
	box-sizing: border-box;
	display: grid;
	grid-template-columns: repeat(3, minmax(31%, 1fr));
	grid-auto-rows: min-content;
	}
	

/*text styles*/

a[href^=tel] {
    color: inherit;
    text-decoration: none;
}
h1 {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 5.8em;
	font-weight: 300;
	line-height: 100%;
	color: #FFF;
	padding: 130px 0 0 20px;
}
.InteriorHeadline {
	font-weight: 300;
	padding: 34px 0 0 56px;
	grid-column: 1/-1;
	grid-row: 3/4;
	box-sizing: border-box;
	max-width: 100%;
}
h2{
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 4.2em;
	font-weight: 300;
	line-height: 100%;
	padding: 44px 32px 0 0;
	color:#007784;
}
h3 {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 2.2em;
	font-weight: 300;
	line-height: 114%;
	color: #00FFFF;
	padding: 29% 0 24px 20px;
}
.touchzone:hover {
	cursor: pointer;
	}
h4{
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 2.4em;
	font-weight: 300;
	line-height: 116%;
	padding: 22px 32px 0 0;
	color:#007784;
}
.blogsubhead{
	line-height: 112%;
	color: #FFF;
	padding: 0;
	position: absolute;
	top: 100px;
	left: 324px;
	}
.bodycopy{
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 1.6em;
	font-weight: 300;
	line-height: 138%;
	padding: 20px 32px 0 0;
	color:#4D4D4D;
}
.poemtitle{
	font-family: "proxima_novasemibold", arial, sans-serif;
	font-size: 1.6em;
	font-weight: 600;
	line-height: 138%;
	padding: 40px 32px 0 0;
	color:#4D4D4D;
}
.poem{
	font-family: "proxima_novalight_italic", arial, sans-serif;
	font-size: 1.6em;
	font-weight: 300;
	line-height: 138%;
	padding: 20px 32px 0 0;
	color:#4D4D4D;
}
.jump{
	font-family: "proxima_novalight", arial, sans-serif;
	/*font-size: 1.6em;*/
	font-weight: 300;
	line-height: 138%;
	color: #014FA1;
	text-decoration: none;
	}
.jump:hover{
	color: #0FCBC1;
	cursor: pointer;
	}
.quotecopy{
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 2.4em;
	font-weight: 300;
	line-height: 116%;
	padding: 44px 32px 0 0;
	color:#808080;
}
.blogquote{
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 2.4em;
	font-weight: 300;
	line-height: 116%;
	padding: 18px 32px 0 0;
	color:#808080;
}
.quoteby{
	font-family: "proxima_novalight_italic", arial, sans-serif;
	font-size: 1.6em;
	font-weight: 300;
	line-height: 138%;
	padding: 6px 32px 0 0;
	color:#808080;
}

.InteriorTag{
	font-size: 3em;
	font-weight: 300;
	line-height: 133%;
	color: #FFF;
	padding: 120px 36px 0 0px;
	grid-column: 2/-1;
	grid-row: 3/4;
	box-sizing: border-box; 
}
.InteriorTag:hover{
	color: #FFF;
	cursor: auto;
}

.subhead {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 1.6em;
	font-weight: 300;
	line-height: 125%;
	color: #30E4DA;
	grid-column: 1/-1;
	grid-row: 1/2;
	padding: 12.5% 12px 0 56%;
}
.interiorsubhead {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 1.6em;
	font-weight: 300;
	line-height: 125%;
	color: #30E4DA;
	width: 366px;
	height: 40px;
	position: absolute;
	top: 62px;
	left: 501px;
}
.jogleft {
	margin-left:-40px;
}
.featuretitle {
	font-family: "proxima_novasemibold", arial, sans-serif;
	font-size: 1.3em;
	font-weight: 300;
	line-height: 100%;
	color: #FFF;
	opacity: 1.0;
	padding: 12px 0 30px 12px;
}
.subfeature {
	font-family: "proxima_novaregular", arial, sans-serif;
	font-size: 1.8em;
	font-weight: 400;
	line-height: 138%;
	color: #FFF;
	opacity: 1.0;
	padding: 0 12px 10px 12px;
}
aboutfooter #contactinfo .subfeature, aboutfooter #contactinfo #socialicons, aboutfooter #contactinfo .copyright {
	padding-left: 0;
}
.hesaid {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 120%;
	color: #FFF;
	opacity: 1.0;
	padding: 0 0 0 12px;
}
.copyright {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 1em;
	font-weight: 300;
	line-height: 100%;
	color: #FFF;
	opacity: 1.0;
	padding: 15px 0 0 12px;
}
.credits {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 1.2em;
	font-weight: 300;
	line-height: 120%;
	color: #FFF;
	opacity: 1.0;
	margin-left: -12px;
	padding-top: 12px;
	z-index: 99;
}
.credits a{
	color: #FFF;
}
.caption{
	font-family: "proxima_novaregular", arial, sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 130%;
	color: #014FA1;
	padding: 6px 0 12px 40px;
}
.caption:hover {
	color: #0FCBC1;
	cursor: pointer;
}
.sidebarcopy{
	font-family: "proxima_novaregular", arial, sans-serif;
	font-size: 1.4em;
	font-weight: 400;
	line-height: 130%;
	color: #666;
	padding: 6px 0 12px 40px;
}
.noindent {
	padding: 12px 0 0 0;
}

/*about page styles*/

#aboutmast{
	width: 100%;
	max-width: 100%;
	height: auto;
	grid-column: 1/-1;
	grid-row: 3/4;
	box-sizing: border-box;
}

/*for all first position grids*/
#intention, #transition, #living, #connectinfo {
	grid-column: 1/-1;
	grid-row: 4/5;
	max-width: 100%;
	background-color: #FFF;
	display: grid;
	grid-template-columns: repeat(3, minmax(31%, 1fr));
	grid-auto-rows: min-content;  
	grid-column-gap: 24px;
	grid-row-gap: 0px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	}
	
/*for all second position grids*/
#people, #process, #consulting, #masterclass {
	grid-column: 1/-1;
	grid-row: 5/6;
	max-width: 100%;
	background-color: #D5E7F0;
	display: grid;
	grid-template-columns: repeat(3, minmax(31%, 1fr));
	grid-auto-rows: min-content;  
	grid-column-gap: 24px;
	grid-row-gap: 0px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	}
	
/*for all third position grids*/	
#clients, #speaking, #leadership {
	grid-column: 1/-1;
	grid-row: 6/7;
	max-width: 100%;
	background-color: #FFF;
	display: grid;
	grid-template-columns: repeat(3, minmax(31%, 1fr));
	grid-auto-rows: min-content;  
	grid-column-gap: 24px;
	grid-row-gap: 0px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	}

/*for all fourth position grids*/	
#teaching, #workdoing {
	grid-column: 1/-1;
	grid-row: 7/8;
	max-width: 100%;
	background-color: #FFF;
	display: grid;
	grid-template-columns: repeat(3, minmax(31%, 1fr));
	grid-auto-rows: min-content;  
	grid-column-gap: 24px;
	grid-row-gap: 0px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	}
	
/*for all fifth position grids*/	
#events, #workshops {
	grid-column: 1/-1;
	grid-row: 8/9;
	max-width: 100%;
	background-color: #FFF;
	display: grid;
	grid-template-columns: repeat(3, minmax(31%, 1fr));
	grid-auto-rows: min-content;  
	grid-column-gap: 24px;
	grid-row-gap: 0px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	}
#events {
	grid-column: 1/-1;
	grid-row: 9/10;
	max-width: 100%;
	background-color: #FFF;
	display: grid;
	grid-template-columns: repeat(3, minmax(31%, 1fr));
	grid-auto-rows: min-content;  
	grid-column-gap: 24px;
	grid-row-gap: 0px;
	max-width: 100%;
	box-sizing: border-box;
	overflow-x: hidden;
	}
		
#gyrepic{
	width: 100%;
	background-color: inherit;
	margin: 252px 0 0 0;
}	
#waterpic, #clientpic{
	width: 100%;
	background-color: inherit;
	margin: 577px 0 0 0;
}	
.LLposition{
	grid-column: 1/-1;
	grid-row: 1/2;
	padding-top: 96px;
	width: 100%;
	max-width: 900px !important;
	height: auto;
	z-index: 10;
}
.Lowerposition {
	grid-column: 1/-1;
	grid-row: 1/2;
	padding-top: 96px;
	width: 100%;
	max-width: 900px !important;
	height: auto;
	z-index: 10;
}
.SecondPosition {
	grid-column: 1/-1;
	grid-row: 1/2;
	padding-top: 0px;
	width: 100%;
	max-width: 900px !important;
	height: auto;
	z-index: 10;
}
.Underbanner {
	padding-top: 310px;
}

.bitless {
	margin-top: -1%;
}

/*connect page styles*/

#connectmast{
	width: 100%;
	max-width: 100%;
	height: auto;
	grid-column: 1/-1;
	grid-row: 3/4;
	box-sizing: border-box;
}
#LLsmallpic{
	width: 100%;
	background-color: inherit;
	margin: 152px 0 0 0;
}
.SpaceAbove {
	padding-top: 44px;
}
#crisis{
	width: 100%;
	background-color: inherit;
	margin: 602px 0 0 0;
}	
#singledrop{
	width: 100%;
	background-color: inherit;
	margin: 0 0 0 0;
}
.wrkshp {
	width: 100%;
	background-color: inherit;
	margin: 512px 0 0 0;
}	
#csocialicons{
	width: inherit;
	height: 40px;
	padding: 12px 0 0 0;
}
#csocialicons ul {
	width: inherit;
	height: inherit;
}
#csocialicons ul li {
	list-style: none;
	float: left;
	padding-right: 20px;
}

/*services page styles*/

#servicesmast{
	width: 100%;
	max-width: 100%;
	height: auto;
	grid-column: 1/-1;
	grid-row: 3/4;
	box-sizing: border-box;
}

#universepic{
	width: 100%;
	background-color: inherit;
	margin: 302px 0 0 0;
}	

#aerialshot{
	width: 100%;
	background-color: inherit;
	margin: 827px 0 0 0;
}
	

/*transforming page styles*/

#transformmast{
	width: 100%;
	max-width: 100%;
	height: auto;
	grid-column: 1/-1;
	grid-row: 3/4;
	box-sizing: border-box;
}

#potterypic{
	width: 100%;
	background-color: inherit;
	margin: 412px 0 0 0;
}
#anemonaepic{
	width: 100%;
	background-color: inherit;
	margin: 600px 0 0 0;
}	
#wavepic{
	width: 100%;
	background-color: inherit;
	margin: 10px 0 0 0;
}
#teacherpic{
	width: 100%;
	background-color: inherit;
	margin: 530px 0 0 0;
}	
#firstarticle{
	width: 100%;
	background-color: inherit;
	margin: 480px 0 0 0;
}		
#prevarticle{
	width: 100%;
	background-color: inherit;
	margin: 118px 0 0 0;
}	
.article1{
	width: 100%;
	margin-bottom: 40px;
	height: 100%;
	}
.article2{
	width: 100%;
	height: 100%;
	padding-bottom: 291px;
	}
.blogarrow{
	float: right;
	padding: 5px 0 0 0;
	}
	
/*footer styles*/

.footertext {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 1.3em;
	font-weight: 300;
	line-height: 125%;
	color: #FFF;
	opacity: 1.0;
	padding: 0;
}
 #contactinfo {
 	width: 100%;
	grid-column: 2/3;
	max-width: 284px;
 }
#emailform {
	width: 100%;
	grid-column: 3/4;
	max-width: 284px;
	box-sizing: border-box;
}
#signupform > input {
	width:100%; 
	height:19px; 
	margin: 12px 0 0 -12px;
	max-width: 284px;
}
#signupinfo {
	width: 100%;
	max-width: 284px;
 	padding: 0 12px;
 	box-sizing: border-box;
}
#signupform {
	width: 100%;
	max-width: 284px;
}
#socialicons{
	width: 262px;
	padding: 0 12px;
}
#socialicons ul {
	width: inherit;
}
#socialicons ul li {
	list-style: none;
	float: left;
	padding-right: 6px;
}
.formtext {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 1.3em;
	font-weight: 300;
	line-height: 100%;
	color: #FFF;
	opacity: 1.0;
	padding: 0 12px;
	background-color: #4A7A90;
	border: none;
}
.signupbutton {
	font-family: "proxima_novalight", arial, sans-serif;
	font-size: 1.3em;
	font-weight: 300;
	line-height: 100%;
	color: #011832;
	opacity: 1.0;
	text-align: center;
	width: calc(100% + 24px) !important;
	/*padding: 0 12px;*/
	background-color: #7AAAC0;
	border: none;
	margin: 12px auto 0 -12px !important;
}
.formtext:hover{
	background-color: #6A9AB0;
}
.signupbutton:hover{
	background-color: #FFF;
	cursor: pointer;
}
#footpanel {
	width: 100%;
	max-width: 900px;
	height: 50px;
	background-color: rgba(102, 102, 102, 0.5);
	position: fixed;
	bottom: 0;
	z-index: 55;
	box-sizing: border-box;
}
.fa-chevron-circle-up {
	color: #FFF;
	padding: 10px 0 0 24px;
}

/*media queries*/

@media only screen and (max-width:899px) {
	#box1, #box3, #box5 {
		justify-self: end;
	}
	#box2, #box4, #box6 {
		justify-self: start;
	}
}
@media only screen and (max-width:870px) {
	.logo {
		width: 60%;
}
	.subhead {
		font-size: 1.5em;
		padding: 12% 0 0 56%;
		}
	.jogleft {
		margin-left: -4vw;
		}
	h3 {
		font-size: 2em;
		}
	h2 {
		font-size: 3.9em;
	}
}
@media only screen and (max-width:800px) {
	.subhead {
		display: none;
		font-size: 1.4em;
		}
	h3 {
		font-size: 1.8em;
		}
	.toucharrow {
		width: 35px;
		height: auto;
	}
	h1 {
		font-size: 5.5em;
	}
	.InteriorTag {
		font-size: 2.7em;
	}
	footer > img, aboutfooter > img {
		width: 60%;
}
.Lowerposition {
	padding-top: 142px;
}
}
@media only screen and (max-width:768px) {
	.subhead {
		font-size: 1.3em;
		padding: 11.5% 0 0 55vw;
		}
	.toucharrow {
		width: 32px;
		height: auto;
	}
	h1 {
		font-size: 5.3em;
	}
	h2 {
		font-size: 4em;
	}
	h4 {
		font-size: 2.3em;
	}
	.InteriorHeadline {
		padding-top: 30px;
	}
	.InteriorTag {
		padding-top: 100px;
		font-size: 2.5em;
	}
	#intention, #people, #clients, #transition, #process, #living, #consulting, #speaking, #teaching, #connectinfo, #leadership, #workdoing, #workshops, #events, #masterclass {
		grid-template-columns: .11fr minmax(0, 1fr) .09fr;
		grid-column-gap: 0px;
	}
	.mainstuff {
		grid-column: 2/3;
		grid-row: 1/2;
		max-width: 100%;
	}	
	.sidebar {
		grid-column: 2/3;
		grid-row: 2/3;
		max-width: 100%;
		margin-left: -1%;
	}
	.sidebarrule {
		max-width: 100%;
	}
	
	/* delete this for flush left, full column*/
	#gyrepic, #waterpic, #clientpic, #potterypic, #anemonaepic, #universepic, #aerialshot, #teacherpic, #LLsmallpic, #singledrop, #crisis, .wrkshp {
		margin: 0 auto 50px auto;
		max-width: 276px;
	}	
	.caption, .sidebarcopy {
		padding-left: 0;
	}
	.bodycopy {
		padding: 22px 0 0 0;
	}
	.inlineimg{
		padding: 12px 0 0 0;
	}
	.Lowerposition {
		padding-top: 96px;
}
	.Underbanner {
		padding: 290px 0 0 0;
}
.bitless {
	margin-top: -2%;
}

.subfeature, #socialicons, .copyright {
	padding-left: 0;
}
.boxes {
	padding-left: 12px;
}
}
@media only screen and (max-width:700px) {
	.subhead {
		font-size: 1.2em;
		padding: 11% 0 0 55vw;
		}
	.logo {
		width: 58%;
		}
	h3 {
		font-size: 1.6em;
		line-height: 115%;
		}
	.toucharrow {
		width: 30px;
		height: auto;
	}
	h1 {
		font-size: 5em;
	}
	.InteriorTag {
		font-size: 2.4em;
	}
	h2 {
		font-size: 3.8em;
	}
}
@media only screen and (max-width:670px) {
	.subhead {
		padding-top: 10.5%;
	}
	h3 {	
		padding-top: 28%;
	}
	.InteriorHeadline {
		padding-left: 42px; 
	}
	.InteriorTag {
		font-size: 2.2em;
		padding: 90px 18px 0 0;
	}
	h1 {
		font-size: 4.7em;
	}
	h2 {
		font-size: 3.6em;
	}
	h4 {
		font-size: 2.2em;
	}
	.Underbanner {
		padding-top: 275px;
	}
	.bitless {
		margin-top: -3%;
}

}
@media only screen and (max-width:640px) {
	#intention, #people, #clients, #transition, #process, #living, #consulting, #speaking, #teaching, #connectinfo, #leadership, #workdoing, #workshops, #events, #masterclass {
		grid-template-columns: .1fr minmax(0, 1fr) .07fr;
	}
	h1 {
		font-size: 4.5em;
		}
	.navmargin {
		margin: -45px 0 0 0;
	}
	.subhead {
		font-size: 1.2em;
		padding: 10% 0 0 52vw;
	}
}
@media only screen and (max-width:620px) {
	.InteriorTag {
		padding-top: 90px;
		font-size: 2em;
	}
	h1 {
		font-size: 4.3em;
	}
	h2 {
		font-size: 3.4em;
	}
	h4 {
		font-size: 2.1em;
	}
	.Underbanner {
		padding-top: 265px;
	}
	.bitless {
		margin-top: -4%;
}

}
@media only screen and (max-width:595px) {
	.logo {
		width: 60%;
		}
	.subhead {
		padding: 11.5% 0 0 50vw;
	}
	nav {
		grid-row: 3/4;
	}
	.navmargin {
		margin: -35px 0 0 0;
	}
	.hpmainevent, #aboutmast, #transformmast, #servicesmast, #connectmast, .InteriorHeadline, .InteriorTag {
		grid-row: 4/5;
	}
	#intention, #transition, #living, #connectinfo {
		grid-row: 5/6;
	}
	#people, #process, #consulting, #masterclass {
		grid-row: 6/7;
	}
	#clients, #speaking, #leadership {
		grid-row: 7/8;
	}
	#teaching, #workdoing {
		grid-row: 8/9;
	}
	#workshops {
		grid-row: 9/10;
	}
	#events {
		grid-row: 10/11;
	}
	.touchzone {
		grid-row: 5/6;
		background: linear-gradient( to left, #083A58 40%, #050510);
	}
	#undersea, #hpbottomhalf {
		grid-row: 6/9;
	}
	#undersea {
	/*background: url('images/HPbottomonly.jpg') no-repeat left top;
	background: linear-gradient( to left, #083A58 40%, #050510);*/
	background-size: 100% 100%;
	max-width: 595px;
	min-height: 2160px;
	}
	#box1, #box3, #box5 {
		justify-self: center;
	}
	#box2, #box4, #box6 {
		justify-self: center;
	}
	footer, aboutfooter {
		grid-row: 11/12;
		grid-template-columns: 1fr 3fr;
		grid-auto-rows: auto;
		grid-column-gap: 12px;
		grid-row-gap: 32px;
		padding: 32px 0 64px 0;
}
	#emailform {
		grid-column: 2/3;
		grid-row: 2/3;
}
	h1 {
		font-size: 4.2em;
	}
	h2 {
	font-size: 3.2em;
}
	h3 {
	padding-top: 3%;
}
	h4 {
	font-size: 2em;
}
	.Underbanner {
	padding-top: 255px;
}
	.bitless {
	margin-top: -5%;
}
	#contactinfo p.subfeature, #socialicons, .copyright, #emailform p.subfeature {
	padding-left: 0;
	} 
	#signupinfo p.footertext {
	margin-left: -12px;
	}
	footer > img, aboutfooter > img {
		grid-column: 2/3;
		grid-row: 1/2;
		width: 115px;
		height: auto;
		margin-left: -20px;
	}
}
@media only screen and (max-width:560px) {
	h1 {
		font-size: 3.8em;
	}
	.InteriorHeadline {
		padding-left: 40px;
	}
	.InteriorTag {
		font-size: 1.8em;
		padding-top: 80px;
	}
	.Underbanner {
		padding-top: 245px;
}
}
@media only screen and (max-width:550px) {
	.logo {
		width: 62%;
		}
	h2 {
		font-size: 3.1em;
	}
	.Underbanner {
	padding-top: 235px;
	}
	h3 {
		font-size: 1.6em;
	}
	.navmargin {
		margin: -30px 0 0 0;
	}
	.subhead {
		padding: 11% 0 0 45vw;
	}
	footer, aboutfooter {
		grid-template-columns: 1fr 4fr;
	}
	.quotecopy {
		font-size: 2.2em;
	}
}
@media only screen and (max-width:520px) {
	#intention, #people, #clients, #transition, #process, #living, #consulting, #speaking, #teaching, #connectinfo, #leadership, #workdoing, #workshops, #events, #masterclass   {
		grid-template-columns:  minmax(0, .09fr) minmax(0, 1fr)  minmax(0, .06fr);
	}
	h1 {
		font-size: 3.6em;
	}
	.InteriorHeadline {
		padding:  30px 0 0 24px;
	}
	.InteriorTag {
		grid-column: 1/-1;
		font-size: 1.6em;
		padding: 80px 18px 0 24px;
	}
	h2 {
		font-size: 3em;
	}
	h4 {
	font-size: 1.9em;
	}
	.Underbanner {
		padding-top: 220px;
	}
	.bitless {
		margin-top: -5.5%;
	}
	.navmargin {
		margin: -25px 0 0 0;
	}
	.logo {
		width: 64%;
		}
	.subhead {
		padding: 11% 0 0 40vw;
	}
	h3 {
		font-size: 1.5em;
	}
	.toucharrow {
		width: 28px;
		height: auto;
	}
}
@media only screen and (max-width:480px) {
	h1 {
		font-size: 3.3em;
	}
	h2 {
		font-size: 2.9em;
	}
	.Underbanner {
		padding-top: 210px;
	}
	.bitless {
		margin-top: -6%;
	}
	h3 {
		font-size: 1.4em;
	}
	.navmargin {
		margin: -20px 0 0 0;
	}
	.logo {
		width: 66%;
		}
	.subhead {
		padding: 11% 0 0 35vw;
		}
	.toucharrow {
		width: 26px;
		height: auto;
	}
}
@media only screen and (max-width:450px) {
	h1 {
		font-size: 3.2em;
	}
	.InteriorHeadline {
		padding-top: 20px;
	}
	.InteriorTag {
		padding-top: 70px;
	}
	h2 {
		font-size: 2.7em;
	}
	h4 {
		font-size: 1.8em;
	}
	.Underbanner {
		padding-top: 200px;
	}
	.bitless {
		margin-top: -7%;
	}
	.subhead {
		padding: 11% 0 0 32vw;
		}
	h3 {
		font-size: 1.3em;
		line-height: 120%;
	}
	.toucharrow {
		width: 24px;
		height: auto;
	}
	.quotecopy {
		font-size: 2.1em;
	}
	footer, aboutfooter {
		grid-template-columns: 1.5fr 7.5fr;
		}
	footer > img, aboutfooter > img {
		width: 105px;
	}
}
@media only screen and (max-width:420px) {
	h1 {
		font-size: 3.1em;
	}
	.InteriorTag {
		padding-top: 60px;
	}
	h2 {
		font-size: 2.5em;
		font-family: "proxima_novaregular", arial, sans-serif;
		padding-top: 40px;
	}
	.navmargin {
		margin: -10px 0 0 0;
	}
	.logo {
		width: 70%;
		}
	.subhead {
		padding: 12% 0 0 28vw;
		}
	h3 {
		font-size: 1.2em;
	}
	.toucharrow {
		width: 22px;
		height: auto;
	}
	.bitless {
	margin-top: -8%;
	}
	footer, aboutfooter {
		grid-template-columns: 1fr 7.5fr;
	}
	footer > img, aboutfooter > img {
		width: 100px;
	}
}
@media only screen and (max-width:400px) {
	h1 {
		font-size: 3em;
	}
	.InteriorHeadline {
		padding-top: 12px;
	}
	.InteriorTag {
		padding-top: 48px;
	}
	.logo {
		width: 78%;
	}
	.navmargin {
		margin: 0;
	}
	.subhead {
		padding: 13% 0 0 25vw;
	}
}
@media only screen and (max-width:382px) {
	#intention, #people, #clients, #transition, #process, #living, #consulting, #speaking, #teaching, #connectinfo, #leadership, #workdoing, #workshops, #events, #masterclass   {
		grid-template-columns: .08fr minmax(0, 1fr) .05fr;
	}
	.InteriorTag {
		font-size: 1.5em;
	}
	.subhead {
		padding: 13% 0 0 22vw;
		}
	.toucharrow {
		width: 18px;
		height: auto;
	}
	h2 {
		font-size: 2.4em;
		}
	h3 {
		padding-left: 15px;
	}
	.Underbanner {
		padding-top: 180px;
	}
	footer, aboutfooter {
		grid-template-columns: 1fr 9fr;
	}
}