/*                                                           Main Branding Elements and Set up 
*/

.hero-image {
	background-image: url("/8-great-things-about-marquette/images/2007_05-marquette-hall-o.jpg");
	min-height: 65vh;
	height: 100%;
	background-size: cover;
	background-position: center;
	border-bottom: .65rem solid #fc0;
}

.hero-image-dark {
  background-color: #b8b8b8;
  z-index: 2;
	min-height: inherit;
  mix-blend-mode: multiply;
}

.hero-image h1 {
  font-size: 3.5rem;
  text-transform: none;
  font-weight: 500;
  margin: 0 auto;
  font-family: 'Headline';
  color: white;
  mix-blend-mode: normal;
  padding: 0 20%;
  line-height: 100%;
  position: absolute;
  top: 4.5%;
  z-index: 1;
  filter: drop-shadow(1px 1px 1px #0000006e);
}

.hero-image h1 span {
	font-size: 2.25rem;
	height: 100%;
}

@media screen and (max-width: 581px){
	.hero-image {
  		min-height: 45vh;
		height: 100%;
		background-size: cover;
	}
	
	.hero-image h1 {
  		font-size: 2.3rem;
		top: 2.75%;
		padding: 0 5%;
	}
	
		.hero-image h1 span{
  		font-size: 1.35rem;
		line-height:1.8rem;
	}
	
	section#our-mission .col h3, section#intro-copy .intro h2 {
		font-size: 1.8em;
	}
	.number{
		bottom: 1rem;
	}
}

.number {
	font-size: 2.5rem;
	font-weight: 600;
	font-family: Headline;
	color: #00CDFF;
	padding: 5%;
	}

section#gondor-map {
	background: #002f5d url('/8-great-things-about-marquette/images/gondor-map.jpg') no-repeat right center;
	width: 100%;
	min-height: 50vh;
	position: relative;
	background-size: cover;
	border-bottom: .65rem solid #fc0;
}

section#gondor-map .gradient-overlay {
	background: rgb(0, 47, 93);
	background: -moz-linear-gradient(90deg, rgba(0, 47, 93, 1) 36%, rgba(0, 47, 93, 0) 90%);
	background: -webkit-linear-gradient(90deg, rgba(0, 47, 93, 1) 36%, rgba(0, 47, 93, 0) 90%);
	background: linear-gradient(90deg, rgba(0, 47, 93, 1) 36%, rgba(0, 47, 93, 0) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f5d", endColorstr="#002f5d", GradientType=1);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}

section#gondor-map .wrapper {
	max-width: 1600px;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
	box-sizing: border-box;
	padding: 5%;
	position: relative;
	color: #fff;
	position: relative;
	z-index: 1;
}

section#gondor-map .wrapper p {
	width: 100%;
	max-width: 425px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 1rem;
}

section#gondor-map .wrapper p:not(:last-child) {
		margin-bottom: 0;
}

section#gondor-map .wrapper h3 {
  color: #fc0;
  width: 100%;
  max-width: 425px;
  font-family: 'Headline', serif;
  font-size: 2rem;
  line-height: 140%;
  padding: 3% 0 .25% 0;
}

section#gondor-map .wrapper h3:first-child {
	padding: 0% 0 .25% 0;
}

section#gondor-map .wrapper h4 {
	color: #fc0;
	width: 100%;
	max-width: 425px;
	font-family: 'Headline';
	font-size: 1.4em
}

@media screen and (max-width: 850px) {
	section#gondor-map .wrapper {
		padding: 8%;
	}

	section#gondor-map .gradient-overlay {
		background: rgb(0, 47, 93);
		background: -moz-linear-gradient(180deg, rgba(0, 47, 93, 1) 40%, rgba(0, 47, 93, 0.5) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0, 47, 93, 1) 40%, rgba(0, 47, 93, 0.5) 100%);
		background: linear-gradient(180deg, rgba(0, 47, 93, 1) 40%, rgba(0, 47, 93, 0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f5d", endColorstr="#002f5d", GradientType=1);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
	}

	section#gondor-map {
		background-position: right bottom;
		min-height: 67vh;
	}

	section#gondor-map .wrapper p {
		font-size: 1rem;
	}

	section#gondor-map .wrapper h4 {
		font-size: 1.2em
	}
}

section#value-content {
	background: #002f5d url('/8-great-things-about-marquette/images/mu-basketball-fans.jpg') no-repeat right center;
	width: 100%;
	min-height: 50vh;
	position: relative;
	background-size: cover;
}

section#value-content .gradient-overlay {
	background: rgb(0, 47, 93);
	background: -moz-linear-gradient(90deg, rgba(0, 47, 93, 1) 36%, rgba(0, 47, 93, 0) 90%);
	background: -webkit-linear-gradient(90deg, rgba(0, 47, 93, 1) 36%, rgba(0, 47, 93, 0) 90%);
	background: linear-gradient(90deg, rgba(0, 47, 93, 1) 36%, rgba(0, 47, 93, 0) 90%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f5d", endColorstr="#002f5d", GradientType=1);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}

section#value-content .wrapper {
	max-width: 1600px;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
	box-sizing: border-box;
	padding: 5%;
	position: relative;
	color: #fff;
	position: relative;
	z-index: 1;
}

section#value-content .wrapper p {
	width: 100%;
	max-width: 425px;
	margin-bottom: 40px;
	color: #fff;
	font-size: 1rem;
}

section#value-content .wrapper p:not(:last-child) {
		margin-bottom: 0;
}

section#value-content .wrapper h3 {
  color: #fc0;
  width: 100%;
  max-width: 425px;
  font-family: 'Headline', serif;
  font-size: 2rem;
  line-height: 140%;
  padding: 3% 0 .25% 0;
}

section#value-content .wrapper h3:first-child {
	padding: 0% 0 .25% 0;
}



section#value-content .wrapper h4 {
	color: #fc0;
	width: 100%;
	max-width: 425px;
	font-family: 'Headline';
	font-size: 1.4em
}

@media screen and (max-width: 850px) {
	section#value-content .wrapper {
		padding: 8%;
	}

	section#value-content .gradient-overlay {
		background: rgb(0, 47, 93);
		background: -moz-linear-gradient(180deg, rgba(0, 47, 93, 1) 15%, rgba(0, 47, 93, 0.5) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0, 47, 93, 1) 15%, rgba(0, 47, 93, 0.5) 100%);
		background: linear-gradient(180deg, rgba(0, 47, 93, 1) 15%, rgba(0, 47, 93, 0.5) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f5d", endColorstr="#002f5d", GradientType=1);
		width: 100%;
		height: 100%;
		position: absolute;
		z-index: 0;
	}

	section#value-content {
		background-position: right bottom;
		height: 70vh;
	}

	section#value-content .wrapper p {
		font-size: 1rem;
	}

	section#value-content .wrapper h3 {
		font-size: 2rem;
	}

}

.students-parallax {
  width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 66vh;
  background-image: url("/8-great-things-about-marquette/images/2023_ncaa_ribbons.jpg");
  border-bottom: .65rem solid #fc0;
}



@media screen and (max-width: 581px){
	.students-parallax {
	background: url("/8-great-things-about-marquette/images/ncaa-ribbons-o.jpg") no-repeat;
	min-height: 40vh;
	background-attachment: scroll;
  	background-position: center;
}
	
	
}

section#our-mission .col h2, section#intro-copy .intro h2 {
	padding:0% 5% 0; 
	font-family:'Headline', 'Georgia', serif; 
	font-size: 2rem;
	line-height: 135%;
	font-weight: 500;
	}

section#intro-copy .intro h2 {
	padding:3% 5%; 
	}

body #leftContent {
	font-family: 'Open Sans', sans-serif;
	}

body {
	line-height: 0!important;
	}

.section-divider {
	height: 1rem;
	}

@media screen and (max-width: 480px) {
	#top-tier-education, #transformational-experience {
  		padding-top: 3rem;
	}
	}

#topNavigation {
	height: 69px;
	background: rgb(0, 39, 79);
	background: -moz-linear-gradient(90deg, rgba(0, 39, 79, 1) 40%, rgba(0, 163, 224, 1) 100%);
	background: -webkit-linear-gradient(90deg, rgba(0, 39, 79, 1) 40%, rgba(0, 163, 224, 1) 100%);
	background: linear-gradient(90deg, rgba(0, 39, 79, 1) 40%, rgba(0, 163, 224, 1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#00274f", endColorstr="#00a3e0", GradientType=1);
}

#wrapperContent {
	width: 100%;
	max-width: none !important;
	position: relative;
	padding: padding: 0!padding;
	margin: 0 auto 0px;
}

  @media screen and (max-width: 955px)
#wrapperContent {
  padding-top: 0 !important;
}

#leftContent {
	box-sizing: border-box;
	padding: 0;
	width: 100%;
	position: relative;
}

#leftContent .highylight {
  font-size: 2rem;
  font-family: 'Headline';
}

#leftContent #pageIdentity {
	display: none;
}

.col p  {
  color: #666666;
  font-size: 1rem;
  line-height: 160%;
  padding: 5px 0;
    padding-right: 0px;
  font-family: 'Open Sans', sans-serif;
}

/*#goldBar {
		display:none !important;
		}	*/

/* 
Banner Image 
*/

section#banner-image {
	width: 100%;
	margin-top: -5px;
	position: relative;
	max-height: 32rem;
	height: 100%;
	overflow: hidden;
	border-bottom: .65rem solid #fc0;
}

section#banner-image img {
	width: 100%;
}

@media screen and (max-width: 950px) {
	section#banner-image {
		margin-top: -82px;
	}
}

@media screen and (min-width: 1750px) {
	section#banner-image {
		max-height: 52rem;
	}
}

#our-people img {
	width: 90%;
}

.faith-based-approach-parallax {
  width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 66vh;
  background-image: url("/value/images/faith-at-marquette-banner.jpg");
  border-bottom: .65rem solid #fc0;
}

.unifying-mission-parallax {
  width: 100%;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 66vh;
  background-image: url("/value/images/our-mission-banner.jpg");
  border-bottom: .65rem solid #fc0;
}

@media screen and (max-width: 428px) {
	.unifying-mission-parallax{
		display: none;
	}
	.faith-based-approach-parallax {
		display: none;
	}
}

@media screen and (max-width: 428px) {
	.unifying-mission-mobile{
		background-image: url("/value/images/our-mission-banner-375.jpg");
		height: 60vh;
		background-repeat: no-repeat;
		background-size: cover;
		border-bottom: .65rem solid #fc0;
	}
	.faith-based-approach-mobile {
		background-image: url("/value/images/faith-at-marquette-banner-375.jpg");
		height: 60vh;
		background-repeat: no-repeat;
		background-size: cover;
		border-bottom: .65rem solid #fc0;
	}
	.students-mobile  {
		background-image: url("/value/images/our-people-banner-375.jpg");
		height: 60vh;
		background-repeat: no-repeat;
		background-size: cover;
		border-bottom: .65rem solid #fc0;
	}
}

/* 
Intro Copy
*/

section#intro-copy {
	max-width: 2900px;
	width: 90%;
	margin: 0 auto;
	text-align: left;
	padding: 8% 0%;
	position: relative;
}

section#intro-copy .intro {
/* float: right; */
	position: relative;
	margin: 0 auto;
	width: 54%;
}

section#intro-copy .wrapper {
	position: relative;
}

section#intro-copy .wrapper p {
	color: #036;
	font-size: 1.4em;
	line-height: 175%;
	font-family: 'Open Sans', sans-serif;
	padding: 0% 5%;
}

@media screen and (max-width: 850px) {

	section#intro-copy .intro {
		float: none;
		width: 100%;
		position: relative;
	}

	section#intro-copy .intro .highylight {
		font-size: 1.8em;
	}

	section#intro-copy .intro p {
		font-size: 1.2em;
		padding: 0% 5%;
	}

	section#intro-copy {
		padding: 20% 5% 12%;
	}
}


/* 
Aside Menu 
*/

aside.sidebar {
	float: right;
	width: 33%;
}

aside.sidebar #secondary-nav-toggle {
	display: none;
	font-size: 1.4em;
	margin-bottom: 20px;
}

aside.sidebar .shown {
	display: block;
	opacity: 1;
	transition: all 1s linear;
}

aside.sidebar menu {
	list-style: none;
	border-left: 1px solid #ccc;
	margin-left: 20px;
	margin-bottom: 20px;
	font-size: 1.3em;
	-webkit-transition: all 1s linear;
	-moz-transition: all 1s linear;
	-o-transition: all 1s linear;
	transition: all 1s linear;
	opacity: 1;
}

aside.sidebar menu a {
	color: #999;
	display: block;
	padding-left: 20px;
}

aside.sidebar menu a:hover {
	color: #369;
	text-decoration: none;
}

aside.sidebar menu li {
	width: 100%;
	border-left: 3px solid #fff;
}

aside.sidebar menu li:hover {
	border-left: 3px solid #369;
}

.quality-of-education {
  max-width: 1700px !important;
}

section.best-value aside.sidebar menu li.best-value a,
section.transformational-experience aside.sidebar menu li.transformational-experience a,
section.quality-of-education aside.sidebar menu li.quality-of-education a,
section.our-people aside.sidebar menu li.our-people a,
section.our-mission aside.sidebar menu li.our-mission a,
section.faith-at-marquette aside.sidebar menu li.faith-at-marquette a {
	color: #036;
	text-decoration: none;
	font-weight: bold;
}

section.best-value aside.sidebar menu li.best-value,
section.transformational-experience aside.sidebar menu li.transformational-experience,
section.quality-of-education aside.sidebar menu li.quality-of-education,
section.our-people aside.sidebar menu li.our-people,
section.our-mission aside.sidebar menu li.our-mission,
section.faith-at-marquette aside.sidebar menu li.faith-at-marquette {
	border-left: 3px solid #036;
}

@media screen and (max-width: 850px) {
	aside.sidebar #secondary-nav-toggle {
		display: block;
	}

	aside.sidebar .hidden {
		display: none !important;
		opacity: 0;
		transition: all 1s linear;
	}

	aside.sidebar {
		float: none;
		width: 100%;
		padding-bottom: 0px;
		display: block;
		margin-bottom: 10px;
	}

	aside.sidebar menu {}

	aside.sidebar::after {
		content: "";
		display: table;
		clear: both;
	}
}

/* 
Lasting Value
*/


/* 
Transformational 
*/

		section#transformational {width:100%; min-height:400px; padding:5%; margin:0 auto; text-align:center; position:relative; box-sizing:border-box; background: rgb(0,51,102); background: -moz-linear-gradient(90deg, rgba(0,51,102,1) 30%, rgba(0,26,51,1) 75%); background: -webkit-linear-gradient(90deg, rgba(0,51,102,1) 30%, rgba(0,26,51,1) 75%); background: linear-gradient(90deg, rgba(0,51,102,1) 30%, rgba(0,26,51,1) 75%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#003366",endColorstr="#001a33",GradientType=1)}	
		
section#transformational h3{
			color: #fff; 
			text-transform: none; 
			font-family: 'Headline', 'Georgia', serif; 
			font-size: 1.5rem; 
			line-height: 130%;
			width: 100%; 
			padding-bottom: 2%;
			max-width: 1600px; 
			font-weight: 400;
			text-align: left;
			margin: 0 auto;
		}

#transformational .col{
	width: 95%;
}
		
		section#transformational .grid .copy h4{
			font-family: 'Headline';
			text-align:left; 
			color:#fc0;  
			font-size:1.5rem; 
			padding-top:15px;
			font-weight: 500;
			line-height: 135%;
		}
		section#transformational .grid .copy p {
			text-align:left; 
			color:#fff; 
			font-size:1rem
		}

		.grid {
        display: flex;
        flex-wrap: wrap;
		max-width:1600px;
		margin:0 auto;
		box-sizing:border-box;	
    }
    .grid>* {
        flex: 1 1 33%;
		 padding: 2% 4% 0 0;
		box-sizing:border-box;
    }
  
					
	section#transformational .row {
   display: flex; /*equal height of the children */
			margin-bottom:50px;
}
		
		section.bottom-row {max-width:1600px; margin: 0 auto 0 auto; box-sizing:border-box; }
		section.bottom-row .row{ display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; box-sizing:border-box;}
		section.bottom-row .col{ display: flex; justify-content: center; align-items: left; flex: 1; flex-direction: column; margin:0px; padding: 16px; box-sizing:border-box;}	
		section.bottom-row .col h3 {
			padding:0; 
			font-family:'Headline', 'Georgia', serif; 
			font-size:2rem!important;
			line-height: 140%;
		}
		section.bottom-row .col p {
			padding:0; 
			font-size:1rem;
		}
			
		@media screen and (max-width: 1000px) {
			.grid>* {  flex: 1 1 50%; }
		}
				
					
		@media screen and (max-width: 850px) {
			section#transformational h2{font-size:1.6em;}
		}
					
			
		@media (max-width:767px) {
			section.bottom-row {0 5%;}
			section.bottom-row .col {flex-basis: 100%;}
			section.bottom-row .col img {max-width:600px; width:75% !important; margin:0 auto;}
			section.bottom-row .row {flex-direction:column-reverse}
			section.bottom-row .col h2 {font-size:1.8em !important;}
			section.bottom-row .col p {font-size:1.2em;}
		}
			
		@media (max-width:600px) {
			section#transformational .grid { box-sizing:border-box;}
			.grid>* {  flex: 1 1 100%;  padding: 0%; box-sizing:border-box;}
			section#transformational iframe {width:95%;}
			section#transformational .box{margin-bottom:40px;}
			}

/**
Top Tier Education
**/

section#quality-education {
	max-width: 1300px;
	min-height: 300px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
}

section#quality-education img {
	width: 100%;
}

section#quality-education .copy {
	position: absolute;
	z-index: 1;
	width: 40%;
	height: 100%;
	top: 0;
	left: 0;
	background: rgba(0, 51, 102, .8);
	box-sizing: border-box;
	padding: 70px 2%;
	box-sizing: border-box;
}

section#quality-education .wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}

.two-column{
	display: flex;
	flex-direction: row;
	align-items: center;
	padding: 3% 5%;
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}

.top-tier-badge {
  margin: 0 auto;
  transition: .3s;
}

.top-tier-badge:hover {
  opacity: .7;
  cursor: pointer;
}

@media screen and (max-width: 672px) {
.top-tier-badge {
  	display: none;
}

}

section#quality-education .copy h2 {
	color: #fc0;
	font-size: 1.8em
}

section#quality-education .copy p {
	color: #fff;
	font-size: 1.4em;
	margin-top: 40px;
}

section#focus-on-research {
	max-width: 1300px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	padding: 150px 50px 0 0;
}

section#focus-on-research .wrapper {
	width: 100%;
	height: 100%;
	position: relative
}

section#focus-on-research img {
	float: left;
	margin-right: 20px;
}

section#focus-on-research .copy {
	width: 35%;
	float: right;
}

section#focus-on-research h2 {
	font-family: 'Headline';
	font-size: 40px;
	font-weight: 500;
}

section#focus-on-research p {
	font-size: 1.4em;
	float: right;
}

section#focus-on-research .circle {
	/*clip-path: circle(50% at 50% 50%); */
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 60vw;
	height: 60vw;
	max-width: 800px;
	max-height: 800px;
	border: 4px dashed #fbe798;
	z-index: -1
}

section#facilities {
	background: #0977CD url('/value/images/blueprint-background.png') no-repeat center center;
	width: 100%;
	min-height: 300px;
	background-size: cover;
	box-sizing: border-box;
	z-index: 1;
	position: relative;
}

section#facilities .wrapper {
	padding: 5%;
	max-width: 1600px;
	width: 100%;
	margin: 0 auto;
	box-sizing: border-box;
}

section#facilities h3 {
	color: #fff;
	font-family: 'Headline', 'Georgie', serif;
	font-size: 2rem;
	line-height: 140%;
	font-weight: 400;
	padding: 0;
}

section#facilities p {
	color: #fff;
	font-size: 1rem;
	padding-bottom: 1rem;
}

section#facilities .col img {
	width: 100%;
}

section#facilities .row {
	display: flex;
	flex: 1;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
}

section#facilities .col {
	display: flex;
	justify-content: start;
	align-items: left;
	flex: 1;
	flex-direction: column;
	margin: 0px;
	padding: 2% 1% 0;
	box-sizing: border-box;
}

@media screen and (max-width: 850px) {

	section#quality-education .copy {
		position: relative;
		;
		width: 100%;
		padding: 40px 5% 40px 5%;
		background: rgb(0, 47, 93);
		background: -moz-linear-gradient(180deg, rgba(0, 47, 93, 1) 40%, rgba(0, 0, 0, 1) 100%);
		background: -webkit-linear-gradient(180deg, rgba(0, 47, 93, 1) 40%, rgba(0, 0, 0, 1) 100%);
		background: linear-gradient(180deg, rgba(0, 47, 93, 1) 40%, rgba(0, 0, 0, 1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f5d", endColorstr="#002f5d", GradientType=1);
	}

	section#quality-education .copy p {
		font-size: 1.2em;
	}

	section#quality-education .copy h2 {
		font-size: 1.4em;
	}

	section#focus-on-research {
		padding: 50px 0 0 0;
	}

	section#focus-on-research img {
		float: none;
		width: 90%;
		margin: 0 5%;
	}

	section#focus-on-research .copy {
		float: none;
		width: 90%;
		margin: 0 5%;
	}

	section#focus-on-research .copy p {
		font-size: 1.2em;
	}

	section#focus-on-research .copy h2 {
		font-size: 1.4em;
	}

	section#facilities h2 {
		font-size: 1.6em;
		padding: 1rem 0;
	}

	section#facilities p {
		font-size: 1rem;
		padding: 0 0 2rem 0;
	}
	
	.circle, .circle.one, .circle.two, .circle.three {
		opacity: 0.5;
	}
}

@media (max-width:1064px) {
	section#facilities .col {
		flex-basis: 50%;
	}
}

@media (max-width:586px) {
	section#facilities .col {
		flex-basis: 100%;
	}
	
	section#facilities .row {
		flex-direction: column;
	}
}

section#learning {
	max-width:1600px; 
	margin:0 auto; 
	text-align:left; 
	box-sizing:border-box;  
	padding:5%; 
	position:relative;
}
		section#learning h4{
			font-family:'Headline', "Georgia", serif; 
			font-size:1.5rem; 
			line-height:130%;
		}
		section#learning p {
			font-size:1rem;
		}
		section#learning .row{ 
			display: flex; 
			flex: 1; 
			flex-direction: row; 
			flex-wrap: wrap; 
			box-sizing:border-box;
		}
		section#learning .col{ 
			display: flex; 
			justify-content: start; 
			align-items: left; 
			flex: 1; 
			flex-direction: column; 
			margin:0px; 
			padding-right: 5%; 
			box-sizing: border-box;
		}
		
		@media screen and (max-width: 850px) {
			section#facilities h2 {font-size:1.8em; padding:30px 0;}
			section#facilities p{font-size:1.2em}
			section#facilities p.subheadline {font-size:1rem;}
			section#learning .col { flex-basis: 100%;  padding: 16px 0;}
			section#facilities .col { flex-basis: 50%; }
		}


/*
Our People  
*/

section#our-people {
	max-width: 1600px;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
	padding: 5%;
	position: relative;
}

section#our-people .wrapper {
	width: 100%;
	height: 100%;
	position: relative;
	box-sizing: border-box;
}

section#our-people .row {
	display: flex;
	flex: 1;
	flex-direction: row;
	flex-wrap: wrap;
	box-sizing: border-box;
}

section#our-people .col {
	display: flex;
	justify-content: center;
	align-items: left;
	flex: 1;
	flex-direction: column;
	margin: 0px;
	padding: 16px;
	box-sizing: border-box;
}

section#our-people .col:not(:last-child){
	padding: 16px 16px 0;
}



section#our-people .col h3 {
  	font-family: 'Headline', 'Georgia', serif;
	font-size: 2rem;
	line-height: 125%;
  	padding-bottom: 2%;
}
}

section#our-people .circle {
	/*clip-path: circle(50% at 50% 50%); */
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	position: absolute;
	top: 40%;
	left: 30%;
	/*transform: translate(-50%, -50%);*/
	width: 60vw;
	height: 60vw;
	max-width: 800px;
	max-height: 800px;
	border: 4px dashed #fbe798;
	z-index: -1
}

section#our-people .circle.one {
	top: 10%;
	left: 10%;
}

section#our-people .circle.three {
	top: 70%;
	left: 15%;
}

@media screen and (max-width: 560px) {
  section#our-people .row {
  display: flex;
  flex-direction: column;
	}
section#our-people .reverse {
  flex-direction: column-reverse!important;
	}
	section#our-people .col img{
		padding-top:10%;
		width: 82%;
	margin: 0 auto;
	}
}


/*******************************************  Our Mission
************************************************************/

section#our-mission {
	max-width:1600px; 
	width:100%; 
	margin:0 auto; 
	text-align:left; 
	box-sizing:border-box;  
	padding:10% 0; 
	position:relative; 
	overflow:hidden !important;}

		section#our-mission #hideOverflow {
			overflow:hidden!important; 
			width:100%; height:100%; 
			position:absolute; 
		}
		section#our-mission .row{ 
			display: flex; 
			flex: 1; 
			flex-direction: row; 
			flex-wrap: wrap; 
			box-sizing:border-box;
		}
		section#our-mission .col{ 
			display: flex; 
			justify-content: center; 
			align-items: left; 
			flex: 1; 
			flex-direction: column; 
			margin:0px; 
			padding: 3% 3% 0%; 
			box-sizing:border-box;
		}
		section#our-mission .row.top{
			margin-bottom:2%;
		}
		section#our-mission .row.bottom{
			margin-top:5%;
		}


		section#our-mission .col h3 {
			padding:0 5%; 
			font-family:'Headline', 'Georgia', serif; 
			font-size: 2rem;
			line-height: 135%;
		}
		section#our-mission .col p {
			padding:3% 5%; 
			font-size:1rem;
		}
		section#our-mission .col ul {
			font-size:1rem; 
			margin-left: 60px;
		}
		section#our-mission .col img{
			max-width:600px; 
			width:90% !important;
		}
			
		section#our-mission img {width:100%; }
		section#our-mission .copy { 
			position:absolute; 
			z-index:1; width:36%; 
			height:calc(100% - 2px); 
			top:0; right:0; 
			background:rgba(0,51,102,.8); 
			box-sizing:border-box; 
			padding:3vw 2%; 
			box-sizing:border-box; 
			display: flex; 
			align-items: center; 
		}
		section#our-mission .copy .text-box{}
		section#our-mission .copy h3 {
			color:#fc3; 
			font-size: 2rem; 
			line-height: 140%;
			font-weight: 500;
			flex-basis: 100%; 
			font-family:'Headline';
		}
		section#our-mission .copy p {
			color:#fff; 
			font-size:1rem;  
			flex-basis: 100%;
		}
		section#our-mission .wrapper {
			width:100%; 
			height:100%; 
			position:relative; 
			box-sizing:border-box; 
		}
		section#our-mission .circle {/*clip-path: circle(50% at 50% 50%); */ border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; position: absolute; top: 7%; left: 20%; /*transform: translate(-50%, -50%);*/ width:60vw; height:60vw; max-width:800px; max-height:800px;  border:4px dashed #fbe798; z-index:-1;}
		section#our-mission .circle.two {position: absolute; top: 65%; left: 35%;}
			
		@media screen and (max-width: 1300px) {
			section#our-mission {padding:5% 0 12%;}
			section#our-mission .row {padding:0;}
		}	
			
		@media screen and (max-width: 900px) {
			section#our-mission {overflow:hidden;}
			section#our-mission .copy{position:relative; ; width:100%; padding:0 5% 0px 5%; background: rgb(0,47,93); background: -moz-linear-gradient(180deg, rgba(0,47,93,1) 40%, rgba(0,0,0,1) 100%); background: -webkit-linear-gradient(180deg, rgba(0,47,93,1) 40%, rgba(0,0,0,1) 100%); background: linear-gradient(180deg, rgba(0,47,93,1) 40%, rgba(0,0,0,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#002f5d",endColorstr="#002f5d",GradientType=1); padding:40px 5%; margin-bottom:20px; }
			section#our-mission .copy p{font-size:1rem;}
			section#our-mission .copy h2{font-size:1.4em;}
			section#our-mission img {margin-top:20px;}
			section#our-mission .col p {font-size:1rem;}
		}

		@media (max-width:767px) {
			section#our-mission .col {flex-basis: 100%;}
			section#our-mission .col img {max-width:600px; width:75% !important; margin:0 auto; padding-top: 7%;}
			section#our-mission .row.bottom {flex-direction:column-reverse}
			section#our-mission .circle {top: 7%;}
		}

/****************************************   Faith at Maquette
************************************************************/
section#joan-of-arc {
	width: 100%;
	min-height: 300px;
	margin: 0 auto;
	text-align: left;
	box-sizing: border-box;
	position: relative;
	background: #000 url('/value/images/st-joan-of-arc-chapel.jpg') no-repeat left center;
	padding: 5%;
}

section#joan-of-arc .gradient-overlay {
	background: rgb(0, 0, 0);
	background: -moz-linear-gradient(90deg, rgba(0, 0, 0, 0.1825105042016807) 28%, rgba(27, 77, 123, 1) 64%);
	background: -webkit-linear-gradient(90deg, rgba(0, 0, 0, 0.1825105042016807) 28%, rgba(27, 77, 123, 1) 64%);
	background: linear-gradient(90deg, rgba(0, 0, 0, 0.1825105042016807) 28%, rgba(27, 77, 123, 1) 64%);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#1b4d7b", GradientType=1);
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 0;
}

section#joan-of-arc .content-wrapper {
	width: 40%;
	max-width: 450px;
	float: right;
	padding: 5%;
}

section#joan-of-arc .content-wrapper h3 {
	color: #fc0;
	font-size: 2rem;
	font-family: 'Headline' , 'Georgia', 'Times New Roman', serif;
	line-height: 130%;
	font-weight: 400;
}

section#joan-of-arc .content-wrapper p {
	color: #fff;
	font-size: 1rem;
}

.swiper.mySwiper {
	height: auto;
	width: 100%;
	max-width: 1300px;
	text-align: center;
	margin: 0px auto;
	box-sizing: border-box;
	padding: 10% 0% 3%;
}

.swiper-wrapper {
	padding: 20px 0 !important;
	max-height: 9vh;
}

@media screen and (min-width: 850px) {
	.swiper.mySwiper {
		display: none;
	}
	.swiper-backface-hidden .swiper-slide {   
		transform: translateZ(0);   
		-webkit-backface-visibility: hidden;   
		backface-visibility: hidden;   
		width: 33% !important; 
	}
	.swiper-pagination {
  		display: none;
	}
}

.faith-stats-desktop {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
 	padding: 5%;
	max-width: 1600px;
	margin: 0 auto;
}

@media screen and (max-width: 850px) { 
	.faith-stats-desktop {
		display: none;
	}
}

.stat {
  text-align: center;
}
	

.stat .stat-number {
	font-size: 90px !important;
	font-family: 'Headline';
	font-weight: 700;
	color: #036;
}

.stat .stat-text {
	color: #036;
	font-size: 1rem;
	line-height: 160%;
}

.stat .stat-source {
	color: #666;
	font-size: 12px;
}

.swiper-slide {
	text-align: center;
}

.swiper-pagination {}

.mySwiper:after {
	content: "";
	display: table;
	clear: both;
	margin-bottom: 10px;
}

#faith-copy {
	display: flex;
	max-width: 1700px;
	width: 100%;
	margin: 0 auto;
	padding: 0 0 5% 0;
	text-align: left;
	box-sizing: border-box;
	position: relative;
}

#faith-copy .row {
	display: flex;
	/*equal height of the children */
	margin-bottom: 50px;
}

#faith-copy .col {
	flex: 1;
	/* additionally, equal width */
	padding: 0 5%;
}

#faith-copy h4 {
	font-family: 'Headline', 'Georgie', serif;
	font-size: 1.5rem;
	line-height: 130%;
	font-weight: 500;
}

#faith-copy p {
	font-size: 1rem;
}

@media screen and (max-width: 850px) {
	.swiper.mySwiper {
		max-width: 90%;
		width: 800px;
	}

	section#joan-of-arc {
		background-position: center top;
	}

	section#joan-of-arc .content-wrapper {
		width: 100%;
		max-width: none;
		float: none;
		padding: 80vw 0% 50px 0%;
		box-sizing: border-box;
	}

	#faith-copy {
		display: block;
		padding: 50px 4%;
	}

	#faith-copy .row {
		flex-direction: column;
		padding: 0;
		margin: 0;
	}

	#faith-copy .col {
		width: 100%;
		max-width: none;
		flex: 0 0 100%;
		margin: 0 0 40px;
		0;
		padding: 0;
	}
}


/************************************** Next / Previous links
************************************************************/

section#next-previous {
	max-width: 1400px;
	margin: 0 auto;
	box-sizing: border-box;
	position: relative;
	font-size: 1.2em;
}

section#next-previous a {
	color: #003366;
	display: block;
}

section#next-previous a.previous {
	width: 50%;
	text-align: left;
	float: left;
	box-sizing: border-box;
	margin: 20px 0;
	padding-left: 50px;
}

section#next-previous a.next {
	width: 50%;
	text-align: right;
	float: right;
	box-sizing: border-box;
	margin: 20px 0;
	padding-right: 50px;
}

section#next-previous a.next::after {
	content: " ▶";
}

section#next-previous a.previous::before {
	content: "◀ ";
}

@media screen and (max-width: 850px) {
	section#next-previous a.previous {
		font-size: 1em;
		padding-left: 5%;
	}

	section#next-previous a.next {
		font-size: 1em;
		padding-right: 5%;
	}
}

/****************
Side Menu
*****************/

.menu-container {
	display: flex;
  flex-direction: column;
  font-weight: 600;
  font-size: 1.1rem;
  font-family:'Open Sans',sans-serif;
  text-align: right;
  right: 0;
  bottom: 0;
  position: fixed;  
  width:100%;
  max-width:312px; 
  z-index: 2;
}

.menu-container-ul {
	position: fixed;
	bottom: 92px;
	right: 29px;
	width: 300px;
  list-style-type: none;
  padding: 0%;
  background: #002952;
  margin-bottom: 0;
  max-height: 450px;
  transition: all 600ms cubic-bezier(0.19, 1, 0.22, 1);
  overflow: hidden;
  visibility: visible;
  border-radius:3px;
  opacity: 1;
  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.menu-container .menu-container-ul.close {
  max-height: 0;
  visibility: hidden;
  opacity: .5;
}

.menu-container-ul li{
  list-style: none;
  border-bottom: .25px solid #F8D134;
  padding: 0!important;
} 

.menu-container-ul li a{
  padding:7%;
  display: block;
  transition:.25s;
  color: white;
  text-decoration: none;
}

.menu-container-ul li a:hover, .menu-container-ul li a.active{
  background: #F8D134;
  color: #002952;
}

.menu-container-ul li:last-child {
  border: none;
}

.menu-container i {
  padding:15px;
  background: #002952;
  border-radius:3px;
  color: #F8D134;
  transition:.25s;
  animation: 3s bounce infinite;
}

.menu-container i:hover {
  cursor: pointer;
  background: #F8D134;
  color: #002952;
  animation-play-state: paused;
}

@media screen and (max-width: 850px) {
	.menu-container {
	  right: -5%;
	  bottom: 0%;
	  position: fixed;  
	  width:100%;
	  max-width:300px; 
	  z-index: 2;
	  transform: scale(.83);
	}
	
	.menu-container-ul li a {
  		padding: 6%;
	}
}

.h-menu {
  background-color: #f8d134;
  transform: scale(.45);
  cursor: pointer;
  transition: .3s;
	max-width: 6.2rem;
  width: 100%; 
  border-radius: 10px;
  position: fixed;
  bottom: 0;
  right: 0;
}

.h-menu:active, .h-line-hover {
  background-color: #002952;
}

.h-menu:hover {
  transform: scale(.5);
}

.h-line {
  stroke-width: 7;
  stroke-linecap: round;
  stroke: #002952; 
  transition: all 500ms;
}

.h-menu:active .h-line, .h-line-hover {
  stroke: #f8d134;
}

.h-top {
  transform-origin: 26px 40px;
  transform: rotate(45deg);
}

.h-menu:active .h-top, .h-top-hover  {
  transform: rotate(0deg);
}

.h-middle {
  stroke-dasharray: 60 60;
  opacity: 0;
}

.h-menu:active .h-middle, .h-middle-hover {
  stroke-dasharray: 60 60;
  stroke-dashoffset: 0;
  opacity: 1;
}

.h-bottom {
  transform: rotate(-45deg);
  transform-origin: 26px 60px;
}

.h-menu:active .h-bottom, .h-bottom-hover {
  transform: rotate(0deg);
}

	section.bottom-row {max-width:1400px; margin: 0 auto 0 auto; box-sizing:border-box;  padding:5%;}
	section.bottom-row .row{ display: flex; flex: 1; flex-direction: row; flex-wrap: wrap; box-sizing:border-box;}

@media screen and (max-width: 640px) {
	section.bottom-row .row{ 
		flex-direction: column-reverse;
	}
}

	section.bottom-row .col{ display: flex; justify-content: center; align-items: left; flex: 1; flex-direction: column; margin:0px; padding: 16px; box-sizing:border-box;}	
	section.bottom-row .col h2 {padding:0 5%; font-family:'Headline'; font-size:32px !important;}
	section.bottom-row .col p {font-size:1rem;}
	

/* animation */
@keyframes bounce {
  0% {margin-top:0;}
  50% {margin-top: 3px; margin-bottom: 3px;}
  100% {margin-top:0;}
}

/*overrides outside libraries */

.close {
	float: none;
	font-size: inherit;
	font-weight: inherit;
}

ul {
	font-size: inherit;
}

#leftContent ul {
	padding: 0;
}

#leftContent li {
	padding: 2% 0;
	line-height: 120%;
}

hr {
  margin: 0 0 2rem 0;
}