// @media #{$small-up} { }
// @media #{$small-only} { }

// @media #{$medium-up} { }
// @media #{$medium-only} { }

// @media #{$large-up} { }
// @media #{$large-only} { }

// @media #{$xlarge-up} { }
// @media #{$xlarge-only} { }

// @media #{$xxlarge-up} { }
// @media #{$xxlarge-only} { }

// Non-modular or client styles for the .l-content region.
body {
	 font-size: 18px;
	 font-family: Vollkorn;
	 font-weight: 400;
	 font-style: normal;
}

// article {
// 	 margin: 0 auto;
// 	 width: 960px;
// }
// 


h1 {
	 font-family: "Asap";
	 font-size: 5.5em;
	 text-align: center;
	 text-transform: inherit;
	 font-weight: 700;
	 font-style: normal;
	 letter-spacing: -1px;

	 @media #{$small-up} {
	 	margin: 0em 0em 0.5em 0em;
	 	font-size: 2.778em;
	 	line-height: 0.82em;
	 }
	 
	 @media #{$medium-up} { 
		font-size: 3.889em;
	 	line-height: 0.986em;
	 }

	 @media #{$large-up} { 
		font-size: 5.5em;
	 	line-height: 0.9em;
	 }
}

h2 {
	 font-size: 1.526em;
	 font-family: "Asap";
	 line-height: 0.931em;
	 margin-bottom: 1em;
	 font-weight: 700;
	 font-style: normal;
	

	 // @media #{$small-up} {
	 // 	margin: 0em 0em 0.5em 0em;
	 // 	font-size: 2.778em;
	 // 	line-height: 0.82em;
	 // }
	 
	 // @media #{$medium-up} { 
		// font-size: 3.889em;
	 // 	line-height: 0.986em;
	 // }

	 // @media #{$large-up} { 
		// font-size: 5.5em;
	 // 	line-height: 0.9em;
	 // }
}

.main h2 {
	@media #{$small-only} {
		width:100%;
		padding-left:4%;
	 }
	 @media #{$medium-only} {
		padding-left:8%;
		width: 100%;
	 }
}

hr {
	margin: 0 4rem 4rem;
}

p {
	 @include p-column(0);

	 font-size: 1em;
	 line-height: 1.4em;
	 color: rgba(51, 51, 51, 1);
	 text-align: left;
	 margin: 0em 0em 1.421em 0%;
	 padding: 0px;

	&.txtbk-intro {
		 border-top: 1px;
		 border-bottom: 1px;
		 border-left: 0;
		 border-right: 0;
		 text-align: center;
		 border-style: solid;

		 @media #{$small-up} {
		 	margin: 1em 1em 1.8em;
		 	padding: 0.7em 0 0.7em 0;
		 	font-size: 0.9em;
		 	line-height: 1.4em;
		 }
		 
		 @media #{$medium-up} { 
			font-size: 1em;
			padding: 1em 0 1em 0;
		 }

		 @media #{$large-up} { 
		 	margin: 1.0em 1.1em 1.0em;
		 	padding:1.1em;
			font-size: 1.278em;
		 	line-height: 1.5em;
		 }
	}

	 &.txtbk-pullquote {
		 @include p-column(1);

		 border-style: solid;
		 border-width: 0 0 0 3px;
		 color: rgba(51, 51, 51, 1.00);
		 font-size: 1.3em;
		 margin: 2em 4.364em 2em 2.182em;
		 padding: 0.455em 0em 0.455em 0.455em;
		
		 @media #{$small-only} {
    	 	font-size: 0.889em;
			line-height: 1.438em;
			margin: 0px 1.44em 1.688em 1.44em;
			padding: 0.313em 0px 0.313em 0.625em;
		 }
		 
		 @media #{$medium-up} { 
			font-size: 1em;
			line-height: 1.4em;
   			margin: 0em 1em 1.421em 1em;
   			padding: 0.313em 0px 0.313em 0.625em;
   			font-family: "Vollkorn";
		 }

		 @media #{$large-up} { 
			margin: 0px 3.072em 1.174em 1.229em;
			line-height: 1.424em;
			font-size: 1.278em;
		 }
		 @media #{$xlarge-up} {
			margin: 2.035em 4.44em 2.035em 2.22em;
			line-height: 1.424em;
			font-size: 1.278em;
		 }
	}
	&.txtbk-author {
		 text-align: center;
		 font-size: 13px;
		 letter-spacing: 2px;
		 margin: 2.077em 0px 3.077em 0px;
		 font-family: Vollkorn;
		 font-weight: 400;
		 font-style: normal;
	}
}

div {
	&.txtbk-basic {
		@include p-column(2);

		 margin: 0 auto;
		 text-align: left;
		 width: auto;
		 padding: 0px 0px 5em 0px;
		
		p:last-child {
			margin-bottom:0;
		}
		

		 @media #{$small-only} {
			@include p-column(1);

			padding: 0 4% 5em 4%;
		 }
		 @media #{$medium-only} {
			@include p-column(1);

			padding: 0 8% 5em 8%;
		 }
		 @media #{$large-only} {
			@include p-column(2);

			padding: 0 0 5em 0;
		 }
		 // ** TODO: Create variables for fine breakpoint details in _settings.scss **
		 @media all and (max-width: 640px) and (min-width: 620px) {
			@include p-column(2);

			padding: 0 4% 5em 4%;
		 }
		 // @media all and (max-width: 629px) and (min-width: 580px) {
			

			// padding: 0 8% 5em 8%;
		 // }
	}
}

span.dropcap {
	 float: left;
	 color: #333333;
	 font-size: 6.2em;
	 line-height: 0.69em;
	 padding: 0.1em 0.1em 0px 0px;
}
div.left-head {
	width: auto;
	margin: 0 0 5em 0;
	
	@media #{$small-only} {
		padding: 0 4% 0 4%;
	 }

	@media #{$medium-only} {
		padding: 0px 8% 0 8%;
	 }
	
	@media #{$large-up} {
		padding: 0 0 0 0;
	 }

	p.left-head-text {
		 margin: 0 0 1.5em 45%;
		 
		@media #{$small-only} {
			margin: 0px 0 1.5em 0;
		 }
		
		@media #{$medium-only} {
			margin: 0 0 1.5em 0;
			padding: 0px 0 1.421px 0;
		 }
		
		@media #{$large-up} {
			margin: 0px 0px 1.5em 51.4%;
			padding: 0px 0em 1.421px 0px;
		 }


		@media all and (max-width: 640px) and (min-width: 620px) {
			@include p-column(2);
			margin:0;
			width:100%;
		 }
	}

	 h2.left-head {
		float: left;
		width: 48.9%;
		font-size: 1.8em;
		line-height: 1.2em;
		margin: 0 0 0.5em 0;
		text-transform: uppercase;
		text-align: center;
		@media #{$small-only} {
			width:100%;
			padding:1em 4%;
		 }
		 @media #{$medium-only} {
			padding:2em 8%;
			width: 100%;
		 }
	}
	&:after {
		content: "";
		display: table;
		clear: both;
	}
	&:before {
		content: "";
		display: table;
	}
}



div.pull-quote-p {
	width: auto;
 	margin: 0;
 	
 	@media #{$medium-only} {
		padding: 0px 8% 0 8%;
	}
	
	blockquote.pull-quote-left {
		margin: 0 1em 1em 1em;
		width: 40%;
		float: left;
		font-size: 1.3em;
		line-height: 1.2em;
		border-left: 3px solid #ccc;
		padding: 0 0 0 0.7em;
		color: #666666;
		
		@media #{$small-only} {
			width:inherit;
			margin:0em 0 1.5em 0;
			padding: 0 4% 0 4%;
		}
		 @media #{$medium-only} {
			width:inherit;
			margin:0em 0 1.5em 0;
			padding: 0 8% 0 8%;
		 }

		p {
			margin:0;
			padding:0;
			//replace below with mixin
			@media all and (max-width: 640px) and (min-width: 620px) {
				@include p-column(1);
				margin:0;
				padding: 0;

			 }
		}
	}

	p {
		margin: 0 0 1.5em 45%;
		padding: 0 0 1.421px 0;
		
		@media #{$small-only} {
			margin:0 1.5em;
			padding: 0 0 1.421em 0;
		}
		
		@media #{$medium-only} {
			margin: 0 0 1.5em 0;
		}
		@media #{$large-up} {
			margin: 0 0 1.5em 51.4%;
		}
		//replace below with mixin
		@media all and (max-width: 640px) and (min-width: 620px) {
			@include p-column(2);
			width:100%;
			margin:0;
			padding: 0 4% 1.421em 4%;
		 }
	}

	&:before {
		content: "";
		display: table;
	}
	
	&:after {
		 content: "";
		 display: table;
		 clear: both;
	}
}
// Image lists and Media
article.img-media-list {
	 width: auto;
	 text-align: left;
	 margin: 0 auto;
	 padding: 0 0 5em 0;
}

div.image-media:before {
	 content: "";
	 display: table;
}

div.image-media:after {
	 content: "";
	 display: table;
	 clear: both;
}

div.image-media {
	 width: auto;
	 text-align: left;
	 margin: 0;
	 padding: 0 0 2em 0;
}

img.image-media-left {
	 max-width: 100%;
	 float: left;
	 width: 150px;
	 margin: 0 1em 1em 0;
}

.image-media {
	h3 {
		 font-size: 1.3em;
		 line-height: 1.2em;
		 margin: 0 0 0.9em 20%;
		 
		 
		 @media #{$small-up} {

			padding: 0 0 0 0;
		 }
		 @media #{$large-up} {

			padding: 0 20% 0 0;
		 }

	}
}

// Large Image
img {
	 max-width: 100%;
	 width: 960px;
}
// Image Caption
p.caption {
	 font-size: 0.789em;
	 padding: 1em 20% 5em 0;
	 margin: 0 0 1.5em 0;
}

// Image 3 Column
div.three-col-gallery:before {
	 content: "";
	 display: table;
}
div.three-col-gallery:after {
	 content: "";
	 display: table;
	 clear: both;
}
div.three-col-gallery {
	 width: auto;
	 text-align: center;
	 margin: 0 auto;
	 padding: 0px 0px 5em 0px;
}
img.three-col-img {
	 width: 30%;
	 float: left;
	 margin: 1.666%;
	 
	 @media #{$small-only} {
		width: 100%;
		margin: 0px 0px 0.5em 0px;
	}
	 
}

// Testimonials
div.testimonial {
	 margin: 0 auto 1em auto;
	 width: auto;
	 text-align: center;
	 padding: 0px 0px 5em 0px;
}

img.testimonial-avatar {
	 -webkit-border-radius: 50%;
	 -o-border-radius: 50%;
	 -moz-border-radius: 50%;
	 -ms-border-radius: 50%;
	 max-width: 100%;
	 width: 120px;
	 border-radius: 50%;
	 display: block;
	 margin: 0 auto 10px auto;
}

h4.testimonial-name {
	 font-size: 1.1em;
	 text-align: center;
	 margin: 0 0 4px 0;
	 color: rgba(63, 63, 63, 1);
}

p.testimonial-title {
	 margin: 0 0 1em 0em;
	 text-align: center;
	 font-size: 1em;
	 color: rgba(96, 96, 96, 1);
}

div.testimonial-content {
	 margin: 0 auto 1em auto;
	 text-align: center;
	 padding: 0.5em;
	 background-color: #ffffff;
}

p.testimonial-text {
	 text-align: center;
	 color: #666;
	 padding: 0px 20%;
	 font-size: 1.1em;
}

p.testimonial-text:last-child {
	 margin-bottom: 0;
}

// section.half-half:before {
// 	 content: "";
// 	 display: table;
// }

// section.half-half:after {
// 	 content: "";
// 	 display: table;
// 	 clear: both;
// }

// section.half-half {
// 	 margin: 0 auto;
// 	 text-align: center;
// 	 width: auto;
// }

// div.half {
// 	 float: left;
// 	 width: 50%;
// 	 margin: 0;
// 	 text-align: center;
// 	 -webkit-box-sizing: border-box;
// 	 -moz-box-sizing: border-box;
// 	 box-sizing: border-box;
// }

// ul {
// 	 margin: 10px 20px;
// 	 padding: 0px 20px 10px 20px;
// 	 text-align: left;
// }












// ol {
// 	 margin: 10px 20px;
// 	 padding: 10px 20px;
// }

// nav.menu-nav-hz {
// 	 margin: 0 auto;
// }

// ul.menu-hz {
// 	 margin: 0 0 1em 0;
// 	 list-style: none;
// 	 text-align: center;
// }

// li.menu-hz-li {
// 	 margin: 0 0.5em 0 0.5em;
// 	 font-size: 16px;
// 	 display: inline-block;
// }

// nav.menu-nav {
// 	 margin: 0 auto;
// }

// ul.menu {
// 	 margin: 0 0 1em 0;
// 	 font-size: 16px;
// 	 list-style: none;
// }

// ul.menu-nested {
// 	 margin: 0 0 0em 2em;
// 	 font-size: 16px;
// 	 color: #ccc;
// 	 list-style: none;
// }

// header.masthead:before {
// 	 content: "";
// 	 display: table;
// }

// header.masthead:after {
// 	 content: "";
// 	 display: table;
// 	 clear: both;
// }

// header.masthead {
// 	 margin: 0 auto 0 auto;
// 	 padding: 3%;
// }

// img.logo {
// 	 max-width: 100%;
// 	 width: 130px;
// 	 float: left;
// }

// ul.masthead-ul {
// 	 float: right;
// 	 margin: 0 0 1em 0;
// }

// li.masthead-li {
// 	 float: right;
// 	 margin: 0 0 0 1em;
// 	 line-height: 1em;
// 	 font-size: 16px;
// 	 list-style: none;
// }



// p.image-list {
// 	 font-size: 1em;
// 	 padding: 0px 35% 0em 0px;
// 	 margin: 0px 0px 21.30221176147461px 20%;
// }

// p.lonesome-text {
// 	 -webkit-column-count: 0;
// 	 -o-column-count: 0;
// 	 -moz-column-count: 0;
// 	 -ms-column-count: 0;
// 	 font-size: 1em;
// 	 line-height: 1.5em;
// 	 color: rgba(51, 51, 51, 1);
// 	 font-family: Vollkorn;
// 	 font-weight: 400;
// 	 font-style: normal;
// 	 column-count: 0;
// 	 text-align: left;
// 	 margin: 0em 0em 1.421em 0em;
// 	 padding: 0px 50% 0px 0px;
// }




// li {
// 	 font-family: Asap;
// 	 font-weight: 400;
// 	 font-style: normal;
// }

// blockquote.pull-quote-left p {
// 	 font-weight: 400;
// 	 font-style: italic;
// 	 font-family: "Vollkorn";
// }

// section.main-with-sidebar:before {
// 	 content: "";
// 	 display: table;
// }

// section.main-with-sidebar:after {
// 	 content: "";
// 	 display: table;
// 	 clear: both;
// }

// section.main-with-sidebar {
// 	 margin: 0 auto;
// 	 width: auto;
// }

// div.div-main {
// 	 float: left;
// 	 width: 75%;
// 	 text-align: center;
// 	 margin: 0;
// 	 -webkit-box-sizing: border-box;
// 	 -moz-box-sizing: border-box;
// 	 box-sizing: border-box;
// }

// aside.sidebar {
// 	 float: left;
// 	 width: 25%;
// 	 margin: 0;
// 	 -webkit-box-sizing: border-box;
// 	 -moz-box-sizing: border-box;
// 	 box-sizing: border-box;
// }

// @media screen and (max-width: 1280px) {
// 	 p.intro {
// 	 margin: 1.038em 0em;
// 	 padding: 1.154em;
// }

// body {
// 	 font-family: Vollkorn;
// 	 font-weight: 400;
// 	 font-style: normal;
// }

// } @media screen and (max-width: 1024px) @media screen and (max-width: 768px) {
// 	 article {
// 	 width: 92%;
// 	 padding: 0px 4%;
// }

// p.pullquote {
// 	 margin: 0px 10% 27px 4%;
// }

// div.basic {
// 	 padding: 0px 0% 20px 0%;
// }

// p.intro {
// 	 padding: 1em 0px;
// 	 margin: 1.038em 1.182em 1.039em 1.182em;
// }

// } @media screen and (max-width: 480px) {
// 	 article {
// 	 width: 92%;
// }

// h1 {
// 	 font-size: 70px;
// 	 line-height: 69px;
// 	 text-align: center;
// 	 padding: 4%;
// 	 margin: 0px 0px 5px 0px;
// }

// div.basic {
// 	 -webkit-column-count: 1;
// 	 -o-column-count: 1;
// 	 -moz-column-count: 1;
// 	 -ms-column-count: 1;
// 	 column-count: 1;
// 	 padding: 0%;
// 	 margin: 0px 1em;
// }

// p.intro {
// 	 font-size: 1em;
// 	 line-height: 1.4em;
// 	 padding: 20px 1em;
// 	 margin: 1.038em 1em 1.8em 1em;
// }

// p.lonesome-text {
// 	 padding: 0px 0% 0px 0px;
// }

// p.pullquote {
// 	 font-size: 1em;
// 	 margin: 0em 1em 1.421em 1em;
// }

// h3 {
// 	 padding: 0px;
// }

// p.image-list-text {
// 	 padding: 0px;
// 	 margin: 0px 0px 21.30221176147461px 28%;
// }

// img.image-media-left {
// 	 width: 104px;
// }

// img.image-media-left {
// 	 width: 104px;
// }

// p.caption {
// 	 padding: 14.991000175476074px 0px 74.95500183105469px 0px;
// }

// div.image-media {
// 	 padding: 0px 0px 2em 0px;
// }

// article.img-media-list {
// 	 padding: 0px 0px 1em 0px;
// }

// div.testimonial {
// 	 padding: 0px 0px 1em 0px;
// }

// img.three-col-img {
// 	 width: 46%;
// 	 margin: 2%;
// }

// blockquote.pull-quote-left {
// 	 margin: 0px 0px 23.399999618530273px 0px;
// 	 padding: 0px 0.7em 0px 0.712em;
// 	 width: 35%;
// 	 font-size: 1em;
// }

// div.pull-quote-p {
// 	 width: 100.085%;
// }

// h1.left-head-h1 {
// 	 text-align: left;
// 	 font-size: 1.5em;
// 	 width: 35%;
// 	 padding: 0px 17.65625px 17.65625px 17.65625px;
// }

// p.pull-quote-p-text {
// 	 padding: 0px;
// }

// p.left-head-text {
// 	 padding: 0px;
// 	 margin: 0px 0px 26.999000549316406px 44.955%;
// }

// span.dropcap {
// 	 font-size: 4.8em;
// 	 padding: 0.1em 0.1em 0px 0px;
// 	 line-height: 0.68em;
// }

// } @media screen and (max-width: 320px) {
// 	 h1 {
// 	 font-size: 50px;
// 	 line-height: 41px;
// }

// p.intro {
// 	 padding: 4% 0%;
// 	 font-size: 0.9em;
// 	 line-height: 1.4em;
// 	 text-align: center;
// 	 font-family: "Asap";
// 	 font-weight: 400;
// 	 font-style: normal;
// }

// article {
// 	 width: 90%;
// 	 padding: 0px 5%;
// }

// p {
// 	 -webkit-column-count: 0;
// 	 -o-column-count: 0;
// 	 -moz-column-count: 0;
// 	 -ms-column-count: 0;
// 	 column-count: 0;
// 	 padding: 4%;
// 	 margin: 0px;
// }

// div.basic {
// 	 -webkit-column-count: 1;
// 	 -o-column-count: 1;
// 	 -moz-column-count: 1;
// 	 -ms-column-count: 1;
// 	 column-count: 1;
// 	 margin: 0px;
// }

// p.pullquote {
// 	 font-size: 16px;
// 	 line-height: 23px;
// 	 margin: 0px 8% 27px 8%;
// 	 padding: 5px 0px 5px 10px;
// 	 font-family: "Georgia";
// 	 font-weight: 400;
// 	 font-style: italic;
// }

// p.lonesome-text {
// 	 -webkit-column-count: 0;
// 	 -o-column-count: 0;
// 	 -moz-column-count: 0;
// 	 -ms-column-count: 0;
// 	 column-count: 0;
// 	 padding: 0%;
// 	 margin: 0px 0px 10px 0px;
// }

// p.author {
// 	 margin: 1.5em 0px 1em 0px;
// }

// h2 {
// 	 text-align: center;
// 	 margin: 1.5em 0px 27px 0px;
// }

// img.three-col-img {
// 	 width: 100%;
// 	 margin: 0px 0px 0.5em 0px;
// }

// h3 {
// 	 margin: 0px 0px 0.7em 0px;
// 	 clear: both;
// 	 text-align: center;
// }

// p.image-list-text {
// 	 margin: 0px 0px 21.30221176147461px 0px;
// }

// img.image-media-left {
// 	 width: 150px;
// 	 margin: 0 auto 20px auto;
// 	 display: block;
// 	 max-width: 100%;
// 	 float: none;
// }

// p.testimonial-text {
// 	 padding: 0px;
// }

// img.testimonial-avatar {
// 	 margin: 0px 4.59em 10px 4.589em;
// }

// p.caption {
// 	 padding: 14.991000175476074px 0.5em 2em 0.5em;
// }

// div.three-col-gallery {
// 	 padding: 0px 0px 3em 0px;
// }

// div.image-media {
// 	 padding: 0px 0px 2em 0px;
// }

// article.img-media-list {
// 	 padding: 0px 0px 1em 0px;
// }

// p.left-head-text {
// 	 font-size: 1em;
// 	 margin: 0px 0px 26.999000549316406px 0px;
// 	 clear: both;
// 	 padding: 0px;
// }

// h1.left-head-h1 {
// 	 font-size: 1.3em;
// 	 text-align: center;
// 	 width: 100%;
// 	 padding: 0px;
// }

// p.pull-quote-p-text {
// 	 clear: both;
// 	 margin: 0px 0px 26.999000549316406px 0px;
// 	 padding: 0px 1em 0px 0em;
// 	 font-size: 0.9em;
// }

// blockquote.pull-quote-left {
// 	 width: 100%;
// 	 padding: 0px;
// 	 margin: 0px 0px 23.399999618530273px 0px;
// }

// div.left-head {
// 	 margin: 0px 0px 2em 0px;
// }

// span.dropcap {
// 	 font-size: 3.4em;
// }

// }