/* Styles if alert is active 
#website-alert .container p {
    font-size: 14px;
}

#website-alert a {
    text-decoration: none;
    color: #336699;
}

#website-alert a:hover {
    text-decoration: underline;
	-webkit-text-decoration: underline;
}

body > div:nth-child(7) {
    margin-top: 59px;
	background-size: 100% 30%;
}

@media only screen and (max-width: 935px) {
	body > div:nth-child(7) {
		margin-top: 77px;
	}	
}

@media only screen and (max-width: 510px) {
	body > div:nth-child(7) {
		margin-top: 94px;
	}	
}
*/

/** STYLES TO ADD TO CMS **/
.white {
	color: white;
}

.blue {
	color: #153252;
}

.gold {
	color: #FFCC00;
}

.light-blue {
	color: #00A3E0;
}

.orange {
	color: #DE7C00;
}

/**************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/** Overriding CSS reset **/
strong, b, strong *, b * { font-weight: bold; }
em, i, em *, i * { font-style: italic; }

body {
	font-family: Arial, sans-serif;
}

section {
	margin-bottom: 5rem;
	position: relative;
}

section.strip {
	margin-bottom: 0;
}

#wrapperContent {
	margin-top: -1vw;
	padding-top: 0 !important;
}

section,
.yellow-background {
	max-width: 2000px;
}

.yellow-background:first-of-type {
	max-width: 100%;
	background-size: 100% 40%;
}

section button {
	text-transform: uppercase;
	font-size: .75rem;
	font-weight: bold;
	cursor: pointer;
}

section h4 {
	text-transform: uppercase;
	font-weight: bold;
	color: #003366;
	font-family: 'UniversLTW01-65Bold', Arial, sans-serif;
	font-size: 1.5rem;
	text-align: left;
	padding-bottom: 1rem;
}


/** Ornament Section **/
/*section#ornament {margin:0 auto 50px auto; border-bottom: 1px solid #ddd; padding-bottom:50px; padding-left:5%; padding-right:5%; max-width:1800px;}
section#ornament p{margin: 0 20px 20px 20px !important;  line-height:140%;}
section#ornament h2{font-family: 'UniversLTW01-85ExtraBla', Arial, sans-serif; width:100%; line-height:120%; padding:0; margin:0; margin-top:20%;}
section#ornament img.ornament {width:50%; min-width:290px;}*/

section.ornament  {background:#0d0d0d url('https://marquette.edu/_images/ornament-bg.jpg') right 0px bottom 0px no-repeat !important; background-size:38% !important;}
section.ornament h2{color:#fff !important;  text-shadow: 2px 2px 5px #0d0d0d;}


@media only screen and (min-width: 1500px) {
	section.ornament  {background:#0d0d0d url('https://marquette.edu/_images/ornament-bg.jpg') right 0px bottom -30px no-repeat !important; background-size:45% !important;}
}

@media only screen and (max-width: 1024px) {
	section.ornament  { background-size:45% !important;}
}

@media only screen and (max-width: 650px) {
	section.ornament  {background:#0d0d0d url('https://marquette.edu/_images/ornament-bg.jpg') right 0px bottom 0px no-repeat !important; background-size:100% !important;}
}

/** NMD Section **/

section.nmd  {background:#036 url('https://marquette.edu/_images/nmd-pattern-bg.png') right 0px bottom 0px no-repeat !important; background-size:38% !important; color:#fff !important;}
section.nmd em {font-style: normal;  color:#fc0;}
section.ornament h2{color:#fff !important;  text-shadow: 2px 2px 5px #0d0d0d;}


@media only screen and (min-width: 1500px) {
	section.nmd  {background:#036 url('https://marquette.edu/_images/nmd-pattern-bg.png') right 0px bottom -30px no-repeat !important; background-size:38% !important;}
}

@media only screen and (max-width: 1024px) {
	section.nmd  { background-size:45% !important;}
}

@media only screen and (max-width: 650px) {
	section.nmd  {background:#036 url('https://marquette.edu/_images/nmd-pattern-bg.png') right 0px bottom 0px no-repeat !important; background-size:75% !important;}
}


section.mask {
background: #FFCC00;
  background-image: url('https://www.marquette.edu/_images/3pack-masks.png'); /* fallback */
  background-image: url('https://www.marquette.edu/_images/3pack-masks.png'), linear-gradient( to right, #FFCC00, #DE7C00)!important; /* W3C */
	 background-size:28%, 100% !important; 
	background-repeat: repeat-x, repeat !important;
	background-position: center !important;
	}
section.mask h2{color:#fff !important; text-shadow: 2px 2px 5px #000;}

/** Common Classes, section independent **/

/* content width */
.width-50 {width:50%;}
/* content float */
.pull-left {float:left;}
.pull-right {float:right;}
/* text align */
.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}
/* float Clearfix */
.clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.float_clear { clear: both; }


@media only screen and (max-width: 650px) {
	.width-50 {width:100%;}
	.pull-left {float:none;}
	.pull-right {float:none;}
}


/** Section 1 **/

section p {
	font-size: 1rem; /** 30 **/
	font-family: 'Univers LT W01 55 Roman', Arial, sans-serif;
}

section h1 {
	padding-top: 2rem;
	line-height: 125%;
}

section h1,
section h2 {
	font-family: 'ITC Garamond Std', Georgia, serif;
	font-size: 2rem; /** 45 **/
	color: #153252;
	text-align: center;
    line-height: 125%;
}

section h1,
section h2 {
	padding: 0 4em;
}

section h2 > a:hover {
	text-decoration: underline #153252 solid;
	-webkit-text-decoration: underline #153252 solid;
	cursor: pointer;
}

.top-banner {
	margin-bottom: 0;
	padding-bottom: 56.25%; /* Given a 16:9 aspect ratio, 9/16*100 = 56.25 */
	position: relative;
	height: 0;
	width: auto;
	overflow: hidden;
}

.top-banner iframe {
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
	background-image: url('/_images/mu-mm-hero.jpg');
	background-color:#000;
	background-size: cover;
	background-repeat: no-repeat;
	background-position: center center;
}

.top-banner .overlay-shadow {
	background-image: linear-gradient(rgba(0,0,0,0), rgba(0,0,0,.8));
	position: absolute;
	bottom: 0;
	z-index: 2;
	width: 100%;
	padding: 2rem 0;
}

/** Section 2 **/

.main h1,
.main h2 {
	color: white;
}

.chevron.main p {
	font-size: 1.25rem;
	font-family: 'UniversLTW01-55Roman', Arial, sans-serif;
}

.extra-black {
	font-size: 1.5rem; /** 40 **/
	font-family: 'UniversLTW01-85ExtraBla', Arial, sans-serif;
}

.extra-black.orange {
    font-size: 3rem;
    line-height: 100%;
}

.chevron {
	position: relative;
	text-align: center;
	overflow: hidden;
	width: 100%;
	color: white;
	display: flex;
	justify-content: center;
	align-items: center;
}

.yellow-background {
	background: linear-gradient(to right, #FFCC00, #DE7C00);
	background-repeat: no-repeat;
	background-size: 100% 20%;
}

.blue-overlay {
	position: relative;
	float: left;
	overflow: hidden; 
}

.blue-overlay:before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background: rgba(21,50,82,0.9);
}

.blue-overlay img {
	overflow: hidden;
	width: 100%;
}

.overlay-text {
	z-index: 1;
	color: white;
}

.overlay-text a {
	color: white;
}

.centered-box .text-box a {
	color: #153252;
}

.overlay-text a:hover,
.text-box a:hover {
	text-decoration: underline #153252 solid;
	-webkit-text-decoration: underline #153252 solid;
}

.chevron .overlay-text a:hover {
	text-decoration: underline white solid;
	-webkit-text-decoration: underline white solid;
}

.chevron.main .overlay-text,
.circle-banner .overlay-text {
	position: absolute;
}

.main h1,
.main h2,
.main p {
	font-family: 'ITC Garamond Std', Georgia, serif;
	text-align: center;
}

.text-boxes {
	display: flex;
	justify-content: center;
	padding: 5rem 0;
	flex-wrap: wrap;
}

.text-box {
	display: inline-block;
	text-align: center;
	margin: 0 2%;
	vertical-align: middle;
	line-height: 175%;
}

.centered-box.white > h2 > a {
	color: #153252;
}

.centered-box.white .text-box {
	vertical-align: top;
}

/** Section 3 **/
.three-column {
	text-align: center;
	padding-bottom: 4rem;
}

.first-header {
	padding-bottom: 3rem;
}

.second-header {
	padding-top: 5rem;
}

.three-column-flex {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	width: 52rem;
	margin: 1rem auto;
}

.rounded-box {
	border-radius: 25px;
	height: 15rem;
}

.rounded-box.blue:hover .rounded-box-main,
.rounded-box.dark-blue:hover .rounded-box-main,
.rounded-box.orange:hover .rounded-box-main {
	text-decoration: underline white solid;
	-webkit-text-decoration: underline white solid;
}

.rounded-box:hover .rounded-box-bottom {
	text-decoration: underline #153252 solid;
	-webkit-text-decoration: underline #153252 solid;
}

.rounded-box.yellow:hover .rounded-box-main,
.rounded-box.gold:hover  .rounded-box-main,
.rounded-box.light-blue:hover .rounded-box-main {
	text-decoration: underline #153252 solid;
	-webkit-text-decoration: underline #153252 solid;
}

.rounded-box,
.blue-callout {
	margin: 1rem 2%;
	min-width: 15rem;
	max-width: 15rem;
	flex: 1 0 25%;
}

.rounded-box-main {
	height: 80%;
	width: 100%;
}

.rounded-box-bottom {
	height: 20%;
}

.rounded-box-main,
.rounded-box-bottom {
	display: table;
}

.rounded-box-main p,
.rounded-box-bottom h3 {
	font-family: 'UniversLTW01-65Bold', Arial, sans-serif;
	display: table-cell;
	vertical-align: middle;
}

.rounded-box-main p {
	font-size: 1.25rem; /** 36 **/
	line-height: 125%;
	padding: 0 1rem;
}

.rounded-box-bottom h3 {
	font-size: .8rem; /** 20 **/
	line-height: 150%;
	color: #153252;
	text-transform: uppercase;
	font-weight: bold;
}

.rounded-box-bottom {
	width: 100%;
}

.rounded-box.dark-blue,
.rounded-box.blue,
.rounded-box.orange {
	color: white;
}

.blue-callouts-header p,
.blue-callouts-text p {
	color: #153252;
}

.blue-callouts-header p {
	font-family: 'UniversLTW01-85ExtraBla', Arial, sans-serif;
	font-size: 3rem; /** 72 **/
}

.blue-callouts-text p {
	font-family: 'UniversLTW01-65Bold', Arial, sans-serif;
	font-size: 1rem; /** 24 **/
	padding-top: .5rem;
}

.blue-callouts-text a:hover {
	text-decoration: underline #153252 solid;
	-webkit-text-decoration: underline #153252 solid;
}

.rounded-box.gold,
.rounded-box.yellow,
.rounded-box.light-blue,
.rounded-box.gold a,
.rounded-box.yellow a,
.rounded-box.light-blue a {
	color: #153252;
}

.rounded-box.dark-blue {
	background: linear-gradient(180deg, #003366 80%, white 20%);
	border: 2px solid #003366;
}

.rounded-box.gold {
	background: linear-gradient(180deg, #FFCC00 80%, white 20%);
	border: 2px solid #FFCC00;
}

.rounded-box.blue {
	background: linear-gradient(180deg, #01426A 80%, white 20%);
	border: 2px solid #01426A;
}

.rounded-box.yellow {
	background: linear-gradient(180deg, #FEDD00 80%, white 20%);
	border: 2px solid #FEDD00;
}

.rounded-box.light-blue {
	background: linear-gradient(180deg, #00A3E0 80%, white 20%);
	border: 2px solid #00A3E0;
}

.rounded-box.orange {
	background: linear-gradient(180deg, #DE7C00 80%, white 20%);
	border: 2px solid #DE7C00;
}

/** Section 4 **/
.content-banner {
	text-align: center;
	line-height: 200%;
}
.content-banner img {
	overflow: hidden;
	width: 100%;
	margin-bottom: 2rem;
}

.content-banner h3 {
	font-family: 'Univers LT W01 65 Bold', Arial, sans-serif;
	font-size: 1.5em; /** 40 **/
	color: #153252;
}

/** Section 5 **/
.chevron.gradient.gold {
	width: 100%;
	padding-top: 3rem;
}

.chevron.gradient.gold > .overlay-text {
	padding: 2rem 0;
}

.gradient.gold {
	background: linear-gradient(#FFCC00, #DE7C00);
}

.hero-text {
	text-transform: uppercase;
	font-family: 'UniversLTW01-85ExtraBla', Arial, sans-serif;
}

.hero-text .big {
	font-size: 10rem; /** 232 **/
	color: #153252;
	line-height: 115%;
}

.hero-text .small {
	font-size: 6rem; /** 232 **/
	color: white;
}

.chevron.gradient .overlay-text {
	width: 100%;
}

.gradient .text-boxes {
	padding: 3rem 0;
}

.gradient .text-box {
	max-width: 15%;
	margin: 0 3rem;
}

.gradient p {
	font-size: 1.5rem;
	font-family: 'UniversLTW01-65Bold', Arial, sans-serif;
	line-height: 150%;
	font-weight: bold;
}

/** Section 6 **/
.centered-box-background {
	background: rgba(0, 51, 102, .05);
	margin: 1.5rem 3rem;
	padding: 2rem;
}

.white > .centered-box-background  {
	background: white;
	padding-bottom: 5rem;
	margin: 1.5rem 0;
}

.centered-box .three-column p {
	line-height: 150%;
	color: #153252;
}

.centered-box.white .three-column p {
	color: #707070;
}

.centered-box.white {
	z-index: 2;
}

.three-column .text-box {
	margin: 0 3rem;
	width: 25%;
}

.two-column img {
	padding-right: 1rem;
	margin-bottom: 1rem;
	float: left;
	max-width: 15rem;
}

.two-column h2 {
	font-family: 'UniversLTW01-65Bold', Arial, sans-serif;
	font-size: 1.2rem;
	padding: 0;
	font-weight: bold;
	text-align: left;
}

.two-column p {
	color: #707070;
	line-height: 175%;
	padding-right: .5rem;
}

.two-column {
	display: flex;
	justify-content: center;
	align-items: center;
}

.column-left,
.column-right {
	width: 42%;
	position: relative;
	display: inline-block;
	margin: 0 2rem;
    min-height: 17rem;
}

button.gold {
	background-image: linear-gradient(#FCE194 5%, #EBB806 100%);
	color: #003366;
	background-color: #EBB806;
	border-radius: 6px;
	border: 1px solid #EBB806;
	display: inline-block;
	padding: 6px 5%;
	text-decoration: none;
}

.two-column button,
.caption.slider button {
	position: absolute;
	bottom: 1rem;
}

/** Section 7 **/
.strip.gold {
	background: linear-gradient(to right, #FFCC00, #DE7C00);
}

.strip.mublue {
	background: #036;
	margin-bottom: 0;
}

.strip.mublue h2{
	color: #fff; !important;
	 text-shadow: 2px 2px 8px #036;
}

.strip.mublue h2 em{
	color: #fc0; !important;
	font-style:none !important;
}

.strip h2 {
	font-family: 'UniversLTW01-85ExtraBla', Arial, sans-serif;
	font-size: 3rem;
	padding-bottom: 1rem;
	text-transform: uppercase;
}

button {
	background-image: linear-gradient(#3A91F4 5%, #2068D4 100%);
	color: white;
	background-color: #2068D4;
	border-radius: 6px;
	border: 1px solid #2068D4;
	display: inline-block;
	padding: 6px 5%;
	text-decoration: none;
}

.strip .overlay-text {
	text-align: center;
	width: 100%;
	padding: 5rem 0 1rem 0;
}

/** Section 8 **/
.chevron.gradient.blue {
	background: linear-gradient(#0063B3, #003C6D);
	width: 100%;
	padding: 3rem 0 5rem 0;
}

.gradient.blue {
	background: linear-gradient(#0063B3, #003C6D);
	width: 100%;
	padding: 3rem 0 5rem 0;
}


.slider-header {
	padding: 4rem 0;
}

.gradient.blue h2 {
	color: white;
	margin-bottom: 1rem;
}

.gradient.blue h3 {
	font-size: 1.5rem;
	font-family: 'UniversLTW01-65Bold', Arial, sans-serif;
	font-weight: bold;
}

/** Slider **/
.swiper-container {
	width: 100%;
	height: 30rem;
}

.swiper-wrapper {
	margin-top: -3vw;
}

.swiper-slide {
	text-align: center;
	font-size: 18px;
	width: 80%;
	display: flex;
	justify-content: center;
	align-items: center;
}

.swiper-slide img {
	max-height: 100%;
}

.caption.slider {
	background: white;
	color: #333;
	box-shadow: 3px 3px 5px rgba(0,0,0,0.5);
	width: 16rem;
	height: 20rem;
	padding: 1rem;
	position: relative;
	z-index: 2;
	left: 10rem;
}

.caption.slider p {
	font-size: 1rem;
	text-align: left;
	font-weight: normal;
}

.caption.slider button {
	bottom: 1rem;
	left: 1rem;
	max-width: 12rem;
}

body > div:nth-child(9) > section > div > div.swiper-container.swiper-container-initialized.swiper-container-horizontal > div.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets {
	visibility: hidden;
}

.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
 	bottom: 0;
}

.swiper-pagination-bullet {
	opacity: 1;
	background: white;
}

.swiper-pagination-bullet-active {
	background: #FFCC00;
}

.swiper-slide:last-child .caption.slider, 
.swiper-slide:last-child .swiper-slide img {
	margin-right: 0;
}

.swiper-slide:last-child {
	margin-right: 0 !important;
}

/** Section 9 **/
.circle-banner {
	width: 100%;
	padding-top: 60%;
	overflow: hidden;
	margin: -10rem 0;
} 

.circle-backdrop {
	position: absolute;
	height: 232%;
	width: auto;
	overflow: hidden;
	opacity: .1;
	z-index: -1;
	left: 50%;
	top: 50%;
	transform: translate(-50%,-50%);
} 

.circle-banner .overlay-text {
	top: 6rem;
	width: 100%;
}

.caption.circle {
	background: #F9FAEC;
	padding: 2rem;
	z-index: 2;
	width: 25rem;
	height: 25rem;
	top: 3rem;
	margin-left: 45%;
	position: absolute;
}

.caption.circle h2 {
	font-size: 2rem;
	font-family: 'UniversLTW01-65Bold', Arial, sans-serif;
	font-weight: bold;
	text-align: left;
	line-height: 125%;
	padding: 0 0 .5rem 0;
}

.caption.circle p {
	font-size: 1.1rem;
	line-height: 150%;
	font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
	color: #666666;
}

.circle-crop {
	max-width: 35rem;
	z-index: 1;
	margin-left: 15%;
	border-radius: 50%;
}

/** Section 10 **/
.strip.blue {
	background: #00A3E0;
	margin-bottom: 0;
}

.strip.blue:last-of-type {
	margin-bottom: -2rem;
}

.strip.blue h2 {
	color: white;
}

#topNavigation {
	background-image: url(/_images/background.jpg);
    height: 100px;
}

@media only screen and (min-width: 2301px) {    
	.circle-banner {
		padding-top: 28%;
	}
}

@media only screen and (min-width: 2000px) {
	section,
	.yellow-background {
		margin: 0 auto;
	}
	
	section {
		margin-bottom: 5rem;
	}
	
	.circle-banner {
		margin: -10rem auto 0 auto;
	}
	
	.chevron,
	.content-banner img {
		clip-path: polygon(
		  48% 73px, 
		  calc(100% - 25vw) 0%, 
		  100% 0, 
		  100% calc(100% - 73px), 
		  48% 100%, 
		  0 calc(100% - 73px), 
		  0 0, 
		  calc(20vw) 0%
		);
		-webkit-clip-path: polygon(
		  48% 73px, 
		  calc(100% - 25vw) 0%, 
		  100% 0, 
		  100% calc(100% - 73px), 
		  48% 100%, 
		  0 calc(100% - 73px), 
		  0 0, 
		  calc(20vw) 0%
		);
	}
	
	.centered-box.white {
		clip-path: polygon(  
		  100% 0, 
		  100% calc(100% - 73px), 
		  48% 100%, 
		  0 calc(100% - 73px), 
		  0 0
		);
		-webkit-clip-path: polygon(  
		  100% 0, 
		  100% calc(100% - 73px), 
		  48% 100%, 
		  0 calc(100% - 73px), 
		  0 0
		);
	}
	
	.strip {
		clip-path: polygon(
			48% 73px, 
			calc(100% - 25vw) 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			calc(20vw) 0
		);
		-webkit-clip-path: polygon(
			48% 73px, 
			calc(100% - 25vw) 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			calc(20vw) 0
		);
	}
	
	#topNavigation {
		clip-path: polygon(
			48% 10px,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
		-webkit-clip-path: polygon(
			48% 10px,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
	}
	
	.top-banner {
		padding-bottom: 0;
		height: 1125px;
		width: 2000px;
	}
}

@media only screen and (max-width: 2300px) {    
	.circle-banner {
		padding-top: 30%;
	}
}

@media only screen and (max-width: 2200px) {    
	.circle-banner {
		padding-top: 34%;
	}
}

@media only screen and (max-width: 2100px) {    
	.circle-banner {
		padding-top: 38%;
	}
}

@media only screen and (max-width: 2000px) {    
	.circle-banner {
		padding-top: 42%;
	}
	
	#topNavigation {
		clip-path: polygon(
			48% 20px,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
		-webkit-clip-path: polygon(
			48% 20px,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
	}
	
	.chevron,
	.content-banner img {
		clip-path: polygon(
		  48% 73px, 
		  calc(100% - 25vw) 0%, 
		  100% 0, 
		  100% calc(100% - 73px), 
		  48% 100%, 
		  0 calc(100% - 73px), 
		  0 0, 
		  calc(20vw) 0%
		);
		-webkit-clip-path: polygon(
		  48% 73px, 
		  calc(100% - 25vw) 0%, 
		  100% 0, 
		  100% calc(100% - 73px), 
		  48% 100%, 
		  0 calc(100% - 73px), 
		  0 0, 
		  calc(20vw) 0%
		);
	}
	
	.centered-box.white {
		clip-path: polygon(  
			100% 0, 
			100% calc(100% - 73px), 
			48% 100%, 
			0 calc(100% - 73px), 
			0 0
		);
		-webkit-clip-path: polygon(  
			100% 0, 
			100% calc(100% - 73px), 
			48% 100%, 
			0 calc(100% - 73px), 
			0 0
			);
	}
	
	.strip {
		clip-path: polygon(
			48% 73px, 
			calc(100% - 25vw) 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			calc(20vw) 0
		);
		-webkit-clip-path: polygon(
			48% 73px, 
			calc(100% - 25vw) 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			calc(20vw) 0
		);
	}
}

@media only screen and (max-width: 1900px) {    
	.circle-banner {
		padding-top: 46%;
	}
}

@media only screen and (max-width: 1800px) {    
	.circle-banner {
		padding-top: 50%;
	}
}

@media only screen and (max-width: 1700px) {    
	.circle-banner {
		padding-top: 52%;
	}
}

@media only screen and (max-width: 1600px) { 
	.top-banner iframe {
		background-image: url('/_images/marquette-hero-mu.jpg');
	}
	
	.circle-banner {
		padding-top: 56%;
	}
}

@media only screen and (max-width: 1500px) {    
	.circle-banner {
		padding-top: 60%;
	}
	
	#topNavigation {
		clip-path: polygon(
			48% 30px,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
		-webkit-clip-path: polygon(
			48% 30px,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
	}
	
	.chevron,
	.content-banner img {
		clip-path: polygon(
		  48% 55px, 
		  calc(100% - 25vw) 0%, 
		  100% 0, 
		  100% calc(100% - 55px), 
		  48% 100%, 
		  0 calc(100% - 55px), 
		  0 0, 
		  calc(20vw) 0%
		);
		-webkit-clip-path: polygon(
		  48% 55px, 
		  calc(100% - 25vw) 0%, 
		  100% 0, 
		  100% calc(100% - 55px), 
		  48% 100%, 
		  0 calc(100% - 55px), 
		  0 0, 
		  calc(20vw) 0%
		);
	}
	
	.centered-box.white {
		clip-path: polygon(  
		  100% 0, 
		  100% calc(100% - 55px), 
		  48% 100%, 
		  0 calc(100% - 55px), 
		  0 0
		);
		-webkit-clip-path: polygon(  
		  100% 0, 
		  100% calc(100% - 55px), 
		  48% 100%, 
		  0 calc(100% - 55px), 
		  0 0
		);
	}
	
	.strip {
		clip-path: polygon(
			48% 55px, 
			calc(100% - 25vw) 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			calc(20vw) 0
		);
		-webkit-clip-path: polygon(
			48% 55px, 
			calc(100% - 25vw) 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			calc(20vw) 0
		);
	}
}
	
@media only screen and (max-width: 1400px) {    
	.circle-banner {
		padding-top: 64%;
	}

	.column-left, 
	.column-right {
		min-height: 21rem;
		width: 100%;
	}

	.three-column .text-box {
		margin: 0 1.5rem;
		width: 25%;
	}
}

@media only screen and (max-width: 1300px) {    
	.circle-banner {
		padding-top: 68%;
	}
	
	.caption.slider {
		height: 22rem;
		left: 10rem;
	}
}

@media only screen and (max-width: 1200px) {    
	.circle-banner {
		padding-top: 72%;
	}
	
	#wrapperContent {
		margin-top: 2vw;
	}
	
	.caption.slider {
		width: 45rem;
		height: 10rem;
		left: 5rem;
		position: absolute;
		top: 18rem;
	}
	
	.caption.slider button {
		max-width: none;
	}

	.swiper-slide img {
		width: 47rem;
		top: 0;
		position: absolute;
		left: 5rem;
	}
	
	.column-left, 
	.column-right {
		min-height: 24rem;
	}
	
	.text-box {
		margin: 0 1rem;
		width: 25%;
	}
}

@media only screen and (max-width: 1100px) {   
	.circle-banner {
		padding-top: 78%;
	}
	
	.blue-overlay img {
		height: 40rem; /** 90vh **/
	}

	.column-left, 
	.column-right {
		min-height: 36rem;
	}

	.two-column img {
		max-width: 100%;
		float: none;
	}

	#wrapperContent {
		margin-top: -2vw;
	}
}

@media only screen and (max-width: 1000px) {    
	.top-banner iframe {
		background-image: url('/_images/marquette-hero-mu.jpg');
	}
	
	.circle-banner {
		padding-top: 88%;
	}
	
	#topNavigation {
		clip-path: polygon(
			48% 35px,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
		-webkit-clip-path: polygon(
			48% 35px,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
	}
	
	.chevron,
	.content-banner img {
		clip-path: polygon(
			48% 36px,  
			100% 0, 
			100% calc(100% - 36px), 
			48% 100%, 
			0 calc(100% - 36px), 
			0 0
		  );
		-webkit-clip-path: polygon(
			48% 36px,  
			100% 0, 
			100% calc(100% - 36px), 
			48% 100%, 
			0 calc(100% - 36px), 
			0 0
		  );
	}
	
	.centered-box.white {
		clip-path: polygon(  
		  100% 0, 
		  100% calc(100% - 36px), 
		  48% 100%, 
		  0 calc(100% - 36px), 
		  0 0
		);
		-webkit-clip-path: polygon(  
		  100% 0, 
		  100% calc(100% - 36px), 
		  48% 100%, 
		  0 calc(100% - 36px), 
		  0 0
		);
	}
	
	.strip {
		clip-path: polygon(
			48% 36px, 
			100% 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			0 0
		);
		-webkit-clip-path: polygon(
			48% 36px, 
			100% 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			0 0
		);
	}

	.hero-text .big {
		font-size: 8rem;
	}

	.hero-text .small {
		font-size: 5rem;
	}

	.chevron.gradient.gold .text-box {
		margin: 2rem;
		max-width: 40%;
		width: 40%;
	}
	
	.caption.slider {
		width: 41rem;
		height: 9rem;
		left: 2rem;
		position: absolute;
		top: 19rem;
	}

	.swiper-slide img {
		width: 43rem;
		top: 0;
		position: absolute;
		left: 2rem;
	}
}

@media only screen and (max-width: 900px) {    
	.circle-banner {
		padding-top: 100%;
	}
	
	.strip h2 {
		font-size: 1.9rem;
		padding-bottom: 1rem;
	}
	
	.caption.slider {
		width: 38rem;
		height: 9rem;
		left: 2rem;
		position: absolute;
		top: 19rem;
	}

	.swiper-slide img {
		width: 40rem;
		top: 0;
		position: absolute;
		left: 2rem;
	}
}

@media only screen and (max-width: 800px) {   	
	.blue-overlay img,
	.content-banner img {
		object-fit: cover;
		height: 45rem;
	}

	.three-column-flex {
		width: 100%;
	}

	.three-column .text-box {
		margin: 2rem 0;
		width: 100%;
	}

	a .rounded-box,
	.blue-callout {
		margin: 1rem .3rem;
	}

	.chevron.gradient.gold h2 {
		padding: 0 1rem;
	}

	.chevron.gradient.gold .text-box {
		margin: 2rem;
		max-width: 40%;
		width: 40%;
	}

	.two-column {
		align-items: baseline;
		display: block;
	}
	
	.two-column button {
		margin-top: 2rem;
		position: relative;
	}
	
	.column-left,
	.column-right {
		width: 100%;
		margin: 1rem 0;
	}
	
	.two-column img,
	.two-column h2,
	.two-column p,
	.two-column button {
		display: block;
		margin-left: auto;
		margin-right: auto;
		width: 50%;
	}

	.chevron.gradient.blue {
		z-index: 3;
	}

	section h1,
	section h2,
	section h3 {
		padding: 0 2em;
	}
	
	.caption.slider {
		width: 25rem;
		height: 11rem;
		left: 1rem;
		position: absolute;
		top: 17rem;
	}

	.swiper-slide img {
		width: 27rem;
		top: 0;
		position: absolute;
		left: 1rem;
	}
	
	.circle-banner {
		padding-top: 175%;
		margin: -10rem 0;
	}

	.circle-backdrop {
		position: absolute;
		height: 232%;
		width: auto;
		overflow: hidden;
		opacity: .1;
		z-index: -1;
		left: 50%;
		top: 50%;
		transform: translate(-50%,-50%);
	}

	.circle-crop {
		max-width: 60rem;
		margin-top: -12rem;
		top: 50%;
		left: 50%;
		margin-left: -8rem; /* Half the width */
	}

	.caption.circle {
		padding: 1rem;
		width: 96%;
		height: 20rem;
		top: 20rem;
		margin: 0;
		left: 0;
	}
}

/*
@media screen and (max-width: 750px) {*/
@media screen and (max-width: 955px) {
	#topNavigation {
		clip-path: polygon(
			48% 11%,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
		-webkit-clip-path: polygon(
			48% 11%,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
	}
}

/*@media screen and (max-width: 700px) {*/
@media screen and (max-width: 955px) {
	#wrapperContent {
		padding-top: 0 !important;
	}
	
/** First yellow-background topNavigation **/
	#container > div:nth-child(4) {
		width: 100%;
		position: fixed;
		z-index: 10001;
	}
	
	.blue-overlay img {
		/*height: 50rem;*/
		height: auto;
	}
	
	.text-box {
		margin: 2rem 0;
		width: 100%;
	}

	.text-boxes {
		padding: 2rem 0;
	}
	
	.chevron.gradient.gold .text-box {
		max-width: 85%;
		width: 85%;
	}
	
	nav #menu {
		margin-top: 62px;
	}
}

@media only screen and (max-width: 600px) {    
	.circle-banner {
		padding-top: 160%;
	}
	
	.caption.circle {
		top: 15rem;
	}

	.hero-text .big {
		font-size: 5rem;
	}

	.hero-text .small {
		font-size: 3rem;
	}

	.centered-box-background {
		margin: 1.5rem 0;
		padding: 2rem;
	}

	.two-column img {
		width: 100%;
	}

	.circle-crop {
		max-width: 45rem;
		margin-left: -5rem;
	}
	
	.caption.slider {
		width: 17rem;
		height: 16rem;
		top: 10rem;
	}
	
	.swiper-slide img {
		width: 19rem;
	}
	
	.caption.slider button {
		max-width: 15rem;
	}
	
	.two-column img,
	.two-column h2,
	.two-column p,
	.two-column button {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
	}
}

@media only screen and (max-width: 550px) {    
	.circle-banner {
		padding-top: 180%;
	}
}

@media only screen and (max-width: 500px) {    
	.circle-banner {
		padding-top: 200%;
	}
	
	#topNavigation {
		clip-path: polygon(
			48% 11%,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
		-webkit-clip-path: polygon(
			48% 11%,
			calc(100% - 25vw) 0%,
			100% 0,
			100% 1000%,
			0 1000%,
			0 0,
			calc(20vw) 0
		);
	}

	.chevron,
	.content-banner img {
		clip-path: polygon(
			48% 18px,  
			100% 0, 
			100% calc(100% - 18px), 
			48% 100%, 
			0 calc(100% - 18px), 
			0 0
		  );
		-webkit-clip-path: polygon(
			48% 18px,  
			100% 0, 
			100% calc(100% - 18px), 
			48% 100%, 
			0 calc(100% - 18px), 
			0 0
		  );
	}
	
	.centered-box.white {
		clip-path: polygon(  
		  100% 0, 
		  100% calc(100% - 18px), 
		  48% 100%, 
		  0 calc(100% - 18px), 
		  0 0
		);
		-webkit-clip-path: polygon(  
		  100% 0, 
		  100% calc(100% - 18px), 
		  48% 100%, 
		  0 calc(100% - 18px), 
		  0 0
		);
	}
	
	.strip {
		clip-path: polygon(
			48% 18px, 
			100% 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			0 0
		);
		-webkit-clip-path: polygon(
			48% 18px, 
			100% 0%, 
			100% 0, 
			100% 105%, 
			0 105%, 
			0 0, 
			0 0
		);
	}
}

@media only screen and (max-width: 450px) {  
	.top-banner iframe {
		background-image: url('/_images/marquette-hero-mu.jpg');
	}
	
	.caption.circle {
		height: 25rem;
		width: 93%;		
	}

	a .rounded-box,
	.blue-callout {
		margin: 1rem auto;
	}

	.chevron.gradient.gold .text-box {
		margin: 2rem;
		max-width: 100%;
		width: 100%;
	}

	.strip h2 {
		font-size: 1.9rem;
		padding-bottom: 1rem;
	}

	h1, h2, h3 {
		padding: 0 1em;
	}

	.blue-overlay img {
		height: 55rem;
	}

	.hero-text .big {
		font-size: 4rem;
	}

	.hero-text .small {
		font-size: 2rem;
	}

	.circle-banner {
		padding-top: 230%;
	}

	.circle-banner .overlay-text {
		top: 4rem;
	}

	.two-column button {
		width: 100%;
	}
	
	section h1, section h2, section h3 {
    	padding: 0 1em;
	}
}

@media only screen and (max-width: 400px) {   
	.circle-banner {
		padding-top: 255%;
	}
}

@media only screen and (max-width: 350px) {    
	.circle-banner {
		padding-top: 285%;
	}
	
	.caption.slider {
		width: 13rem;
		height: 16rem;
		top: 9rem;
	}

	.swiper-slide img {
		width: 15rem;
	}
	
	.caption.slider button {
		max-width: 12rem;
	}
}

@media only screen and (max-width: 326px) {    
	.top-banner {
		margin-top: 40px;
	}
}

/** Top Navigation and Footer overrides **/
#topNavigation,
#footer p {
	line-height: 160%;
}

a {
	text-decoration: none;
}

#topTools a:hover,
#lowerFooter a:hover {
	text-decoration: underline white solid;
	-webkit-text-decoration: underline white solid;
}

a:hover button {
    text-decoration: underline;
	-webkit-text-decoration: underline;
}

.menubox1 ul li a:hover,
.menubox2 ul li a:hover,
.menubox3 ul li a:hover {
	text-decoration: underline #BBD1E1 solid;
	-webkit-text-decoration: underline #BBD1E1 solid;
}

.footerContent a:hover {
	text-decoration: underline #356599 solid;
	-webkit-text-decoration: underline #356599 solid;
}

#topTools li a {
	color: #fff !important;
	padding: 0 5px;
	margin: 0 5px;
}

nav {
	font-family: Arial, sans-serif;
}

ul#menu {
    font-size: 14px;
    line-height: 160%;
    color: #666;
}

.menubox1 span.h2, .menubox2 span.h2, .menubox3 span.h2, .menubox1 h2, .menubox2 h2, .menubox3 h2 {
    font-family: Arial, sans-serif;
    padding: 0px 0 5px;
    font-weight: normal;
    display: block;
    float: none;
}

@media screen and (max-width: 700px) {
#menuContainer #mobile-header {
    border-top: none;
}
}

@media screen and (max-width: 1075px) {
	#topNavigation, 
	body#home #topNavigation {
   		height: auto;
   		min-height: 72px; /** 81 **/
	}
}

.footerContent {
	overflow: hidden;
}

/** Other changes **/
@media print {
	.skip {
		display: none;
	}
}

/* Here Since 1881 */
#here-since-1881 { text-align:center; box-sizing:border-box;}
	#here-since-1881 .wrapperContent {clip-path: polygon(0% 0%, 100% 0, 100% 90%, 50% 100%, 0 90%); background:#036 url('/_images/students-on-campus-faded-blue.jpg') no-repeat center; background-size:cover; min-height:100vh; text-align:center;  box-sizing:border-box; padding-top:50px; padding-bottom:100px;}
	#here-since-1881 .chevron {clip-path: polygon(90% 0, 10% 0, 50% 100%); height:50px; width:100%; background:#fc3; position:absolute; top:0px; z-index:1; }
		
	#here-since-1881 .centered-text {width:80% margin:0 auto;}
	#here-since-1881 .text-boxes a {color:#fff; text-decoration:none; left: 50%; transform: translate(-50%, 50%);}
	#here-since-1881 .wrapperContent h1{z-index:1; position:relative; top:50px; color:#fff;  width:80%;  padding-bottom:50px; }
	#here-since-1881 h2 {z-index:1; position:relative; color:#fff; bottom:-50px; left: 50%; transform: translate(-50%, 0%); }
	#here-since-1881 .text-boxes{ width:100%; box-sizing:border-box;  }
		
	@media only screen and (max-width: 650px) {
		#here-since-1881 .wrapperContent {clip-path: polygon(0% 0%, 100% 0, 100% 97%, 50% 100%, 0 97%); }
	}