body{
	font-family: rooney-web, serif;
	font-weight: 300;
	font-style: normal;
	font-size: .95em;
	margin: 	0;

	background-color: #333333;
	color: #fff;

	--orange-color:  #f46438;
	--blue-color:  #3b9bf2;
	--pink-color:  #ea2aaa;
	--green-color:  #37b729;
	--red-color:  #ed3820;
	--link-color:  #7cc9d9;
}

a{
	color: var(--link-color);
	font-weight: 500;
}

.active-link{
	font-family: proxima-nova, sans-serif;
	font-weight: 800;
	font-style: normal;
	color: #fff;
}

nav{
	text-align: left;
	margin-top: 30px;

	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;

	font-size: 1.0em;
	text-transform: uppercase;
}
nav > a{
	display: inline-block;
	text-decoration: none;
	margin-right: 20px;
	
	color: var(--link-color);
}



h1,h2{
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;

	margin-top: .6em;
	margin-bottom: .2em;
	font-size: 4.5em;
	line-height: .8em;
	text-transform: uppercase;
}

h1.main{
	font-size: 4em;
	margin-top: .6em;
}

h2.center{
	text-align: center;
}

h3{
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;

	font-size: 1.3em;
	line-height: 1.3em;

	margin-top: 0em;
	margin-bottom: 0.4em;
	text-transform: uppercase;
}



p{
	line-height: 1.5em;
	margin-top: 0em;
	text-align: left;
	margin-bottom: 0em;
}

ul{
	list-style-position: outside;
	padding-left: 15px;
}
li{
	margin-bottom: .5em;
	line-height: 1.8em;
}

li::marker {
  font-size: 0.5em;
}


.nav-button{

	font-family: proxima-nova, sans-serif;
	font-weight: 700;
	font-style: normal;

	display: inline-block;
  padding: 22px 0;
  margin: 0;
  margin-top: 3em;
  line-height: 1.42;
  text-decoration: none;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
  cursor: pointer;
  color: #fff;
  border: 1px solid transparent;
  -webkit-user-select: none;
  -moz-user-select:    none;
  -ms-user-select:     none;
  -o-user-select:      none;
  user-select:         none;
  border-radius: 6px;
  background-color: var(--pink-color);
  letter-spacing: .2em;
	font-size: .95em;
	min-width: 230px;
}



.nav-button:hover{
	background-color: var(--blue-color);
}

footer{

	background-color: black;
	min-height: 180px;
	margin-top: 6em;

	display: flex;
  justify-content: center;
  align-items: center;
}

.footer-icon-cont{
	text-align: center;
	display: flex;
  justify-content: center;
  align-items: center;
}

.footer-avatar{
	width: 60px;
	height: 60px;
	margin-right: 10px;
	margin-left: 10px;
	border-radius: 50%;
}

.footer-icon-sm{
	width: 32px;
	height: 32px;
	cursor: pointer;

}

.sn-button{
	background-color: var(--orange-color);
}

.sn-button:hover{
	background-color: var(--blue-color);
}

.consult-button{
	background-color: var(--blue-color);
}

.consult-button:hover{
	background-color: var(--orange-color);
}

.cta-button{
	background-color: var(--red-color);
}

.cta-button:hover{
	background-color: var(--orange-color);
}


.wrapper{
	overflow: hidden;
	max-width: 800px;
	margin: 0 auto;
	padding: 0 26px;
}

.wrapper.skinny{
	max-width: 560px;
}

.wrapper-nav{
	margin-bottom: 60px;
}

.detail-section{
	text-align: center;
}

.detail-section-img{
	width: 100%;	
}

.arrow-wrapper{
	text-align: center;
	clear: both;
}

.icon-section-break{
	margin: 60px auto;
	text-align: center;
}

.icon-section-break > img{
	height: 40px;
	width: auto;

}

.arrow-icon{
	width: 32px;
	margin-top: 43px;
}

.headshot-cont{
	width: 100%;
	height: 66.66%;
	background-color: black;
	object-fit: cover;

}

.intro-cont{
	width: 100%;
}


.badge-wrapper{
	max-width: 100px;
	margin: 0 auto;
}

.sn-link{
	color: var(--orange-color);
}

.consulting-link{
	color: var(--blue-color);
}

.headshot{
	position: relative;
	left: -60px;
	top: -40px;
}

.headshot > img{
	width: 240px;
	height: 240px;
	background-color: #333333;
	border-radius: 50%;
}

.bottom-spacer{
	min-height: 100px;
}

.photo-grid{
	display: grid;
	gap:  15px;
	grid-template-columns: repeat(1, 1fr);

	margin-top: 4em;
	margin-bottom: 4em;
}

.photo-grid > .griditem{
}

.griditem > img{
	width: 100%;
	opacity: 66%;
}

.sn-logo-img{
	width: 100px;
	height: 100px;
	fill: #ffffff; 
}

.bottom-div{
	width: 20%;
	height: 1px;
	background-color: #939393;
	margin:  auto;
}

.info-img{
	width: 100%;
	height: 120px;
	background-color: #333;
}


.intro-media{
	width: 100%;
	height: 56.25%;
	background-color: black;
	object-fit: cover;
	margin-top: 3em;
}

.example-cont{
	margin-top: 36px;
}

.example-wrapper{
	display: flex;
}

.example-icon{
	flex: 0 0 60px;
	margin-right: 17px;
}

.example-icon > img{
	width: 100%;
}

.example-detail{
	flex-grow: 1;
	margin-bottom: 2.5em;
}

.example-detail > h3{
	margin-bottom: .2em;
}


.how-subtitle{
	text-align: center;
}

.program-cont{
}

.program-cont > ul > li{
	margin-bottom: .2em;
	position: relative;
}

.program-cont > ul > li > span{
	text-decoration: underline;
	font-weight: bold;
}

.program-cont > h4{
	text-align: center;
}
.program-cont > h3{
	text-align: center;
}

.program-number{
	text-align: center;
	font-family: rooney-web, serif;
	font-weight: 300;
	font-style: italic;
	font-size: 3em;
	margin-top: 1.5em;
}

h4{
	font-family: proxima-nova-extra-condensed, sans-serif;
	font-weight: 700;
	font-style: normal;
	font-size: 2.5em;
	text-transform: uppercase;
	margin-top: 0;
	margin-bottom: 0;
}

.cta-cont{
	text-align: center;
}

.cta-message{
	font-family: proxima-nova, sans-serif;
	font-weight: 400;
	font-style: italic;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: .2em;

	max-width: 480px;
	margin: auto;
	margin-top: 7em;
}

.cta-email-message{
	margin-top: 3em;
}

.cta-button{
	margin-top: 1.5em;
}


.testimonial-head{
	margin-bottom: 8em;
	text-align: center;
}

.testimonial-cont{
	max-width: 460px;
	margin-bottom: 5em;
}

.testimonial-quote{
	font-size: 1.1em;
	line-height: 1.5em;
}

.testimonial-attr{
	font-family: proxima-nova, sans-serif;
	font-weight: 300;
	font-style: normal;

	font-size: .8em;
	line-height: 1.3em;
	text-transform: uppercase;
	letter-spacing: .1em;

	text-align: right;
	padding-right: 0px;
	margin-top: 14px;
}

.right-quote{
	margin-left: auto;
	margin-right: 0;
}

.center-quote{
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	margin-top: 2em;
	margin-bottom: 2em;
	max-width: none;
}

.center-quote > .testimonial-quote{
	font-size: 1.4em;
}

.center-quote > .testimonial-attr{
	text-align: center;
}


.announce-list-cont{
	text-align: center;
	max-width: 500px;
	margin: auto;
}

.announce-list-cont > p{
	text-align: center;
}

.announce-button{

}




@media only screen and (min-width: 600px) {
  
	.headshot{
		left: -100px;
		top: -100px;
	}

	

	.home-top{
		position: relative;
		top: -50px;
	}

	.headshot > img{
		width: 300px;
		height: 300px;
	}

	.more-info-left{
		width: 45%;
		float: right;
		padding-left: 5%;
	}

	.more-info-right{
		width: 45%;
		float: left;
		padding-right: 5%;
	}

	h1{
		font-size: 6em;
	}

	h2{
		margin-top: 0em;
	}

	.bottom-spacer{
		min-height: 200px;
	}

	.photo-grid{
		grid-template-columns: repeat(2, 1fr);
	}

	.headshot-cont{
		width: 50%;
		aspect-ratio:  1 / 1;
		border-radius: 50%;
		float: left;
	}

	.intro-cont{
		width: 40%;
		padding: 5%;
		float: right;
	}

	.info-section{
		width: 45%;
		
		
	}
	.detail-section-img{
		width: 50%;
		
	}

	.info-section.right{
		padding-left: 5%;
	}
	.info-section.left{
		padding-right: 5%;
	}

	.icon-section-break{
		margin: 80px auto;
	}

	.right{
		float: right;
	}

	.left{
		float: left;
	}

	.flex-wrapper{
		display: flex;
	}

	.program-cont{
		flex:  1;
		padding-left: 30px;
		padding-right: 30px;
		margin-top: 3em;
	}

	.program-cont > h4{
		text-align: left;
	}
	.program-cont > h3{
		text-align: left;
	}

	.left-cont{
		padding-left: 30px;
		padding-right: 30px;
	}

	.right-cont{
		padding-left: 60px;
		padding-right: 0px;
	}

	.program-number{
		display: none;
	}

	.testimonial-quote{
		font-size: 1.5em;
		line-height: 1.5em;
	}

	.center-quote > .testimonial-quote{
		font-size: 2.2em;
	}

}