/* ---------------------------
				General Formatting 
		-----------------------------*/
		main {
			font-family: 'Questrial', sans-serif;	
		}
		
		.id7-main-content-area>.id7-main-content, .container {
			padding:0;
			margin:0;
		}
		
					
		div.wrapper {
			padding: 0 150px;	
		}
		
		/* Media Queries */
		
		@media screen and (max-width:768px) {
				div.wrapper {
				padding: 0 40px;	
			}
			
		}


		/* ---------------------------
				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;;
		}
		
		h4.report-category,
		.meta2 h4.name{
			border-right: solid 1px black;	
			padding-right:15px;
			font-size:20px;
		}
		
		.meta2 h4.name {
			border-right: none;	
			color: #6384a1;	
		}

		h4.name a {
			color: #6384a1;	
		}
		
		
		
		.meta1 h4:last-child, .meta2 h4:last-child {
			font-size: 15px;
		}
		div.intro-img {
			width:50%;
		}

		/* Right side- Header Img */
		
		.intro-img img {
			height: 40vh;
			width: 100vw;
			min-height: 300px;
			object-fit:cover;
		}
		
		
		
		@media screen and (max-width:767px) {
			header.content-header {
				display:flex;
				flex-direction:column;
				height:auto;
				min-height: 50px;
				text-align:center;
			}
			
			.meta1 {
				margin-top:15px;	
			}
			
			.main-section .project-name h3{
				background: lightgoldenrodyellow;
				border-radius: 5px;
				margin: 0;
				border-top: solid 1px #EEEEEE;	
				margin-top:15px;
			}
			
			h4.report-category {
				border-right:none;	
			}
			

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

				.intro-img img {
					display:none;
				}
		}
		
		@media screen and (max-width: 990px) {
			.meta1, .meta2 {
				text-align:center;	
			}
		}
	
			/* ----------------------
				Main Section 
			-------------------------*/

			
		
		/* Project Name */
		.project-name h3 {
			text-align:center;	
			padding: 10px 0;
		}
		
		
		hr.project-name-divider {
			margin-top:0px;	
		}
		
		/* Achievements */
		
		
		/* Impact */
		
		
		/* Replication */
		
		
		/* Implications */
		
		
		/* Evaluation */
		
		.blockquote.one {
			border-left: 5px solid #bff1e0;	
		}
		
		.blockquote.two {
			margin: 0 0 22px 25px;
			border-left: 5px solid #4da084;
		}

		.blockquote.three {
			margin: 0 0 22px 50px;
			border-left: 5px solid #1a5f48;
		}
		
		/* Future */
		
		
		/* Images */
		
		div.image {
			display: flex;
			justify-content: center;
			padding: 20px;
		}
		
		div.image img {
			object-fit:contain;	
		}
		
		@media screen and (max-width:767px) {
			div.image {
				display:block;
				text-align:center;
			} 
		}