/* Transitions */
.TransitionOpacity {
	-webkit-transition:opacity 350ms;
	-moz-transition:opacity 350ms;
	-o-transition:opacity 350ms;
	transition:opacity 350ms;
}

.TransitionBGColor {
	-webkit-transition:background-color 350ms,color 350ms;
	-moz-transition:background-color 350ms,color 350ms;
	-o-transition:background-color 350ms,color 350ms;
	transition:background-color 350ms,color 350ms;
}

.TransitionBoxShadow {
	-webkit-transition:box-shadow 350ms;
	-moz-transition:box-shadow 350ms;
	-o-transition:box-shadow 350ms;
	transition:box-shadow 350ms;
}

/* All hover items */
.MenuLink:hover,
.EmailAddress:hover,
.SiteCreator:hover {
	background-color:rgb(0,150,150);
	color:rgb(255,255,255);
}

.Facebook:hover {
	background-color:rgb(59,89,152);
	color:rgb(255,255,255);
}

.YouTube:hover {
	background-color:rgb(50,50,50);
	color:rgb(255,255,255);
}

.PurchaseLink:hover {
	box-shadow:0 0 10px rgb(0,0,0);
}

.ReviewsCheckbox:hover ~ .ReviewsLabel {
	text-decoration:underline;
}

.FormButton:hover {
	background-color:rgb(215,215,215);
}

/* Media Queries */
@media screen and (max-width:46.188em) {
	.WrapAll {
		min-width:320px;
		background-color:rgb(255,240,235);
	}
	
	.PageContent {
		margin-bottom:177px;
	}

	.CompanyName {
		text-align:center;
		padding:10px;
		height:50px;
	}
	
	.Love,
	.Forgiveness {
		font-size:2rem;
	}
	
	.And,
	.Inc {
		font-size:1rem;
	}

	.NameSpan {
		vertical-align:middle;
	}
	
	.CompanyName {
		margin:0;
	}
	
	.CompanyType {
		display:block;
		text-align:center;
		font-size:1rem;
		height:30px;
		line-height:30px;
	}
	
	.Menu {
		height:120px;
	}
	
	.MenuItem {
		height:50%;
		width:33.3333333333%;
	}
	
	.MenuLink {
		line-height:59px;
		font-size:0.9rem;
	}
	
	.Modal {
		width:95%;
	}
	
	.FormOverlaySpan {
		font-size:1.5rem;
		height:40px;
		line-height:40px;
		margin-top:-20px;
	}
	
	.ContactInfo {
		font-size:0.8rem;
		width:100%;
		text-align:center;
	}
	
	.SectionContainer {
		width:85%;
		margin:10px auto;
		padding:10px;
	}
	
	.FooterContainer {
		height:157px;
	}
	
	/* Home */
	.LeonardImg {
		position:relative;
		display:block;
		width:120px;
		margin:0 auto;
	}
	
	.LeonardTitle,
	.MissionStatement {
		background-color:rgb(255,255,255);
		border:1px dotted rgb(0,150,150);
		border-width:1px 0;
		padding:10px;
		display:block;
		text-align:center;
	}
	
	.MissionStatement {
		margin:20px 0;
		font-size:1.5rem;
	}
	
	.TeachHealConnect {
		font-size:2rem;
	}
	
	/* About */
	.ProfessionalTimelineTitle,
	.ChapterHWTitle {
		width:35%;
	}
	
	.ProfessionalTimelineItem,
	.ChapterHWItem {
		width:65%;
	}
	
	.ReferenceAddress {
		font-size:0.85rem;
	}
	
	/* Publications */
	.PublicationLink {
		display:block;
		width:150px;
		text-align:center;
		position:relative;
		margin:0 auto;
	}

	.BookImg {
		display:block;
		margin:0 auto;
		height:100px;
	}
}

@media screen and (min-width:46.25em) {
	html {
		background:rgb(255,240,235) url('//d28llhv90cqhiq.cloudfront.net/loveandforgiveness/images/BG4.jpg') no-repeat center center fixed;
		-webkit-background-size:cover;
		background-size:cover;
	}
	
	.PageContent {
		margin-bottom:60px;
	}
	
	header {
		height:100px;
		background-color:rgb(255,255,255);
	}

	.CompanyName {
		text-align:left;
		padding:10px 20px;
		height:80px;
		margin:0;
	}
	
	.Love,
	.Forgiveness {
		font-size:2rem;
	}
	
	.And,
	.Inc {
		font-size:1.2rem;
	}
	
	.CompanyType {
		position:absolute;
		top:0;
		right:0;
		padding-right:20px;
		height:68px;
		line-height:68px;
		font-size:1.2rem;
	}
	
	.Menu {
		position:absolute;
		left:0;
		right:0;
		bottom:0;
		height:40px;
	}
	
	.MenuItem {
		height:100%;
		width:16.666666667%;
	}
	
	.MenuLink {
		line-height:40px;
		font-size:1.15rem;
	}
	
	.SectionContainer {
		position:relative;
		width:75%;
		margin:20px auto;
		padding:20px;
	}
	
	.FullPageContent {
		position:absolute;
		top:100px;
		left:0;
		bottom:40px;
		width:100%;
		margin:0;
		padding:0;
		min-height:350px;
	}
	
	.FullPageWrap {
		min-height:490px;
	}

	.FooterMenu {
		text-align:right;
	}
	
	.Modal {
		width:600px;
	}
	
	.FormOverlaySpan {
		font-size:2.5rem;
		height:60px;
		line-height:60px;
		margin-top:-30px;
	}
	
	.YouTubeModal {
		width:70%;
	}
	
	.ContactInfo {
		font-size:0.8rem;
	}
	
	.FooterContainer {
		height:40px;
	}
	
	/* Home */
	.LeonardImg {
		position:absolute;
		left:0;
		bottom:0;
		width:180px;
		z-index:100;
	}
	
	.LeonardTitle {
		position:absolute;
		left:190px;
		bottom:20px;
		background-color:rgb(255,255,255);
		border:1px dotted rgb(0,150,150);
		padding:5px;
		margin-right:10px;
		font-size:1.5rem;
	}
	
	.MissionStatement {
		position:absolute;
		left:0;
		right:0;
		bottom:140px;
		padding:10px 20px 10px 180px;
		background-color:rgb(255,255,255);
		border:1px dotted rgb(0,150,150);
		border-width:1px 0;
		font-size:1.5rem;
		z-index:50;
	}
	
	.TeachHealConnect {
		font-size:1.8rem;
	}
	
	/* About */
	.AboutInfo {
		margin:10px 20px;
	}

	.ProfessionalTimelineTitle,
	.ChapterHWTitle {
		width:21.5%;
	}
	
	.ProfessionalTimelineItem,
	.ChapterHWItem {
		width:78.5%;
	}
	
	.ReferenceAddress {
		font-size:0.9rem;
	}
	
	/* Publications */
	.ChapterArticle {
		padding-bottom:20px;
	}
	
	.GoToPublications {
		position:absolute;
		top:20px;
		right:20px;
	}
	
	.ChapterQuote {
		margin:0 20px;
	}

	.TitleItem {
		display:inline-block;
		vertical-align:middle;
	}
	
	.BookImg {
		max-height:150px;
	}
	
	.BookTitle {
		max-width:90%;
		margin-left:10px;
	}
}

@media screen and (min-width:64.25em) {		
	header {
		height:140px;
	}
	
	.CompanyName {
		height:100px;
	}
	
	.CompanyType {
		height:85px;
		line-height:85px;
		font-size:1.5rem;
	}
	
	.Love,
	.Forgiveness {
		font-size:3rem;
	}
	
	.And,
	.Inc {
		font-size:1.7rem;
	}
	
	.Menu {
		height:60px;
	}
	
	.MenuLink {
		line-height:60px;
		font-size:1.3rem;
	}
	
	.YouTubeModal {
		width:50%;
	}
	
	.ContactInfo {
		font-size:1.15rem;
	}
	
	.SectionContainer {
		font-size:1.2rem;
	}
	
	.FullPageContent {
		top:140px;
		min-height:500px;
	}
	
	.FullPageWrap {
		min-height:680px;
	}
	
	.LeonardImg {
		width:250px;
	}
	
	.LeonardTitle {
		left:260px;
		margin-right:30px;
		font-size:1.6rem;
	}
	
	.MissionStatement {
		bottom:180px;
		padding:20px 20px 20px 240px;
		font-size:2rem;
	}
	
	.TeachHealConnect {
		font-size:2.5rem;
	}
}

@media screen and (min-width:87.5em) {
	header {
		height:160px;
	}
			
	.CompanyType {
		height:105px;
		line-height:105px;
		font-size:1.8rem;
	}
	
	.Love,
	.Forgiveness {
		font-size:4rem;
	}
	
	.And,
	.Inc {
		font-size:2rem;
	}
	
	.MenuLink {
		font-size:1.5rem;
	}
	
	.FullPageContent {
		top:160px;
	}
	
	.MissionStatement {
		bottom:230px;
		padding:20px 20px 20px 260px;
		font-size:2.5rem;
	}
	
	.TeachHealConnect {
		font-size:3.1rem;
	}
	
	.LeonardImg {
		width:300px;
	}
	
	.LeonardTitle {
		left:310px;
		font-size:1.8rem;
	}
	
	.PageContent {
		font-size:1.4rem;
	}
}