/* ---------------------------
				General Formatting 
		-----------------------------*/
		main {
			font-family: 'Questrial', sans-serif;	
		}
		
		.id7-main-content-area>.id7-main-content, .container {
			padding:0;
			margin:0;
		}

		/* ---------------------------
				Header Section 
		-----------------------------*/
		
		/*Left-side- Header text */
		
		.intro-text a {
			text-decoration:none;	
		}
		
	
		.id7-page-title h1 {
				display:none;	
			}

		header.content-header {
			margin-top: -20px;	
			display:flex;
			height:40vh;
			min-height: 300px;
		}

		.intro {
			width:50%;
			background: #FFEBE0;
			display:flex;
			flex-direction: column;
			text-align:center;
			justify-content: center;
			color:#204f79;    
			align-items:center;    
		}

		.intro-text {
			max-width:400px;
			align-items: center;
		}
		
		.title {
			padding:10px;	
		}
		
		div.title>h2 {
			padding-top:15px;	
			font-size:2.2em;
		}
		
		.meta1, 
		.meta2 {
			text-align:left;	
		}

		.meta1 h4, 
		.meta2 h4{
			display: inline-block;
			font-size: 18px;
			margin: 0;
			padding: 0 10px;;
		}
		
		.meta1 h4:first-child,
		.meta2 h4:first-child {
			border-right: solid 1px black;	
			padding-right:15px;
			font-size:20px;
		}
		
		.meta1 h4:last-child,
		.meta2 h4:last-child {
			font-size:17px;
		}

		div.intro-img {
			width:50%;
		}

		/* Right side- Header Img */
		
		.intro-img img {
			height: 40vh;
			width: 100vw;
			min-height: 300px;
			object-fit:cover;
		}


		/* ---------------------------
				Main Content 
		-----------------------------*/
		div.main-content-holder {
			padding: 0 25%;
		}

		article.main-content {
			padding: 20px 0;	
			text-align:justify;
		}

		.first-letter::first-letter {
			font-size: 200%;
			display: block;
			float: left;
			margin-top: 2px;
			line-height: .5;  
		}

		.first-letter-indent::first-letter {
			margin-left:38px;	
		}

		.text-indent {
			text-indent:36px;	
		}

		
		img.article-img {
			display: block;
			padding: 10px;
			margin: 0 auto;
			border-radius: 10px;
		}
		
		blockquote {
			background: #FFEBE0;
			border-left: 5px solid #6384a1;
			margin: 30px;
		}


		/* Optional Formatting Classes */

		.center-img {
			width:70%;
			margin:0 auto;
			padding:10px;
		}

		.caption {
			text-align:left;
			font-style: italic;
			font-size:0.8em;
			text-align:center;
		}

		/* ---------------------------
				Media Queries
		-----------------------------*/

		@media screen and (max-width:767px) {
			header.content-header {
				display:flex;
				flex-direction:column;
				height:auto;
				min-height: 300px;
			}

			.intro,
			.intro-img {
				background:white;
				width:75%;
				margin:0 auto;
			}

			.intro-img img {
				display:none;
			}
			
			.meta1 {
				margin-top:10px;	
			}

			.meta1 h4,
			.meta2 h4 {
				display:block;
				text-align:center;
				margin:2px !important;
			}
			
			.meta1 h4:first-child,
			.meta2 h4:first-child {
				border-right: none;	
			}
			
			div.main-content-holder {
				padding: 0 15%;
				background-image:linear-gradient(to bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 100%), linear-gradient(to bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 100%);
				background-clip: content-box, padding-box;
			}
			
		}

		@media screen and (max-width:350px) {
			
			div.main-content-holder {
				padding: 0 10%;
				background-image:linear-gradient(to bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 100%), linear-gradient(to bottom, rgba(255,255,255, 1) 0%, rgba(255,255,255, 1) 100%);
				background-clip: content-box, padding-box;
			}
			
			article.main-content {
			padding: 20px 0;	
			text-align:left;
		}
		}