/* ---------- Global Styles -------- */

body {
	max-width: 100%;
	overflow-x: hidden;
}
.totop .to-top .btn {
	width:3rem;
}
h1,h2,h3,h4,h5,h6,ul,li {
	margin: 0;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	padding: 0;
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	text-decoration: none;
}

.dropend a{
	font-size: 1.25rem;
	font-weight: 300;
}
div#countdown {
    /* margin-bottom: 0; */
    top: 0.4rem;
    position: relative;
}
header {
	margin-top: 330px;
}

strong {
	color:rgb(11,35,65);
}

button {
	font-family: davis-sans;
}

p {
	font-size:1.25rem;
}

h2.section-header {
	text-transform: uppercase;
    font-weight: 800;
    color: #0b2341;
    border-bottom: 2px solid #e86100;
    position: relative;
    font-family: sweet-sans-pro,sans-serif;
    font-size: 1.75rem;
    word-spacing: 3px;
}

.col-6.login-inputs {
	display: inline-grid;
	position: relative;
	margin: 0 4%;
	width:25%;
	font-size:1.25rem;
	
}

.hide-btn {
		display: none!important;
	}
	
	.hide-link {
		display: block;
	}

.space {
	padding:1% 0;
}

.spacer {
	padding:2% 0;
}

.modal-dialog {
	max-width: 80%;
}

.regalia-alert-contain ul li{
	position: relative;
	left:2%;
	font-size:1.25rem;
}

/*
li.nav-item {
	left:0;
	border-right: 1px solid rgb(11,35,65);
	color:rgb(11,35,65);
	font-size:1.25rem!important;
}
*/

a.col {
	font-size:1.25rem!important;
}

.col-3.col-md-1.nav-toggle.d-print-none {
    display: none;
}

.bi-pin-map,.bi-telephone-fill,.bi-envelope {
	fill:#fff;
}

.column-title strong {
	font-weight: 600;
}

.accordion-button {
	font-size: 1.25rem;
}

.accordion-body {
	font-size:1.25rem;
}

.accordion-body ul {
	display: block;
	position: relative;
	margin-left:2rem;
}

.faq-h2 {
	font-size: 2rem;
	padding:2% 0;
}

.special-accommodation-h2 {
	font-size: 2rem;
	padding:2% 0 0 0 ;
}

.site-footer .subrow .column a {
    font-size: .8rem;
}

.col-12.top-bar {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;
	background-color: rgb(35,57,84);
}

.banner-video-container {
	display: block;
	position: relative;
	width:100%;
	height:38vh;
}

.homepage-image {
	background:url("../images/page-headers/volunteer group a.png");
	background-size: 100%;
	background-repeat: no-repeat;
	background-position: center center;
}

.col-11.schedule-test {
	display: block;
	position: relative;
	width:95%;
	margin: 0 auto;
}

.col-12.body-wrapper {
	display: block;
	position: relative;
	width: 90%;
	margin: 0 auto;
}

.col-10.content-wrapper {
	display: block;
	position: relative;
	width: 90%;
	margin: 0 auto;
	padding: 2% 0;
}

.content-wrapper {
	display: block;
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 2% 0;
}

.content-wrapper p, .content-wrapper h2{
	color: rgb(11,35,65);
}

.sub-icon-menu a, .information-button a {
	color: #fff;
}

.break {
	display: none;
}

.col-4.text-box-left {
	display: inline-block;
	position: relative;
	width: 36%;
	
}

.col-2.middle-box-spacer {
	display: inline-block;
	position: relative;
	width: 13%;
}

.col-6.text-menu-right {
	display: inline-block;
	position: relative;
	width: 50%;
}

.col-12.secondary-bar {
	display: block;
	position: fixed;
	top: 0;
	width: 100%;
	background-color: #fff;
	padding: 1rem 0;
	border-bottom: .5rem solid rgb(232,97,0);
	margin-top: 75px;
	z-index: 99;
	box-shadow: #000 0px 0px 20px;
}

.navbar-offset {
	display: none;
}

.interlocking-logo {
	width: 100%;
	height: auto;
}

.col-2.logo-left, .col-2.logo-right {
	display: inline-block;
	position: relative;
}

.col-2.logo-right {
	width: 80%;
}

.primary-bar-h1 {
	color: #fff;
	padding: 1rem .5rem;
	font-size: 2rem;
}

.secondary-bar-h1 {
	color: rgb(11,35,65);
	padding: 1rem .5rem;
}

.navbar-nav-secondary {
    display: flex;
    padding-left: 0;
    margin-bottom: 0;
    list-style: none;
    margin-left: 11rem;
}

.footer-container {
	display: block;
	position: relative;
	width: 100%;
	background-color: rgb(35,57,84);
}

.site-footer li {
		margin: 0;
	line-height: 1.25;
	}

.site-footer a {
    color: #fff;
    text-decoration: none;
}

.row>* {
	padding-left: 0;
}

audio::-webkit-media-controls-timeline,
video::-webkit-media-controls-timeline {
    display: none;
}
audio::-webkit-media-controls {
    display: none;
}

hr.footer-hr {
	color: #fff;
}

.show {
	display:block;
}

.hide {
	display: none;
}

/* Leave at Bottom of Global */
.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 99;
  transition: transform 5s;
  margin-top: 0!important;
}

.col-10.weather-update {
	display: block;
	position: relative;
	width:90%;
	margin: 0 auto;
	padding:1% 2%;
	background-color: rgb(231,233,236);
	margin-top:2%;
	border-radius:15px;
	text-align: left;
	font-size:1.25rem;
	border:2px solid rgb(204,78,11);
}

.col-10.weather-update h2 {
	text-align:center;
	font-size: 1.5rem;
}

.col-10.weather-update h2 strong, .col-10.weather-update li strong{
	color:rgb(204,78,11);
	font-weight:800;
}

.col-10.weather-update p,.col-10.weather-update li{
	position: relative;
	color:rgb(11,35,65);
}

.col-10.weather-update li {
	
}
/* --------- Menu Styles ----- */
.nav-item {
	padding: 0 .5rem;
}
.nav-link {
	color: #fff;
}
.nav-link-secondary {
	color: rgb(11,35,65);
	text-decoration: none;
	padding: 0 .5rem;
	text-align: right;
}

.countdown-container {
	position: relative;
	width: 100%;
	border-top:.5rem solid rgb(232,97,0);
	padding-top: 1rem;
	border-bottom:.5rem solid rgb(232,97,0);
	font-size: 1.25rem;
	min-height: 8rem;
}

.col-3.title {
    display: inline-grid;
    position: relative;
    padding-left: 5%;
    margin: 2% 0 0 0;
}

.col-9.timer {
    display: inline-block;
    position: relative;
    width: 74%;
    float: right;
    margin: 1% 0;
}

.col-3.timer-column {
    display: inline-grid;
    width: 24%;
    text-align: center;
}

.congrats {
    position: relative;
    width: 100%;
    left: 31%;
    background-color: rgb(204,78,11);
    padding: 1rem;
    border-radius: 15px;
	top: 1rem;
}

.congrats:hover {
    background-color: rgb(11,35,65);
}

.skipto.btn, .skipto.btn:hover {
    color: #0b2341;
	width:40%;
}

.btn-top:hover {

}

.col-8.parking-map-container {
	display: block;
	position: relative;
	width:75%;
	margin: 0 auto;
}

.parking-map {
    display: block;
    position: relative;
    width: 85%;
    margin: 0 auto;
    border: 0.5rem solid rgb(11,35,65);
}

.col-5.parking-btns {
	display: inline-block;
	position: relative;
	width:100%;
	background-color: rgb(11,35,65);
	padding: 2%;
	text-align: center;
	margin: 1% 0;
	color: #fff;
	font-size:1.2rem;
}

.col-5.parking-btns:hover, .col-5.parking-btns:focus {
	
	background-color: rgb(204,78,11);
	
}

/* ----------- Index Page Styles -------- */
.col-12.banner-container {
	display: block;
	position: relative;
	width: 100%;
	border-bottom: .5rem solid rgb(232,97,0);
}

.banner-video-container {
	display: block;
	position: relative;
	width: 100%;
	height: 35rem;
}

.banner-video-container-image {
	display: block;
	position: relative;
	width: 100%;
	height: auto;
}

.banner-image {
	width: 100%;
}

.banner-video-container-summer {
	display: block;
	position: relative;
	width: 100%;
	height: 50rem;
	background-image: url("images/MLB_9203.png");
	background-size: cover;
	background-repeat-x: no-repeat;
}

video {
	object-fit: cover;
	object-position: center center;
}
.col-12.sub-icon-menu {
	display: block;
	position: relative;
	width: 100%;
	background-color: #fff;
	padding-top: 3rem;
}

.col-12.sub-icon-menu a{
	text-decoration: none;
}

.col-3.sub-menu-icon-box {
	display: inline-grid;
	position: relative;
	width: 15%;
	transform: skewX(350deg);
	background-color: rgb(11,35,65);
	margin: 0 0 0 3.75%;
}

.col-3.sub-menu-icon-box:hover {
	background-color: rgb(204,78,11);
}

.sub-menu-icon {
	display: block;
	position: relative;
	margin: 0 auto;
}

.sub-menu-icon img{
	display: block;
	position: relative;
	margin: 0 auto;
	transform: skewX(10deg);
	width:25%;
}

.sub-menu-text {
	display: block;
	position: relative;
	text-align: center;
	color: #fff;
	transform: skewX(10deg);
	font-size:1.25rem;
}

.col-12.notification-container {
	display: block;
	position: relative;
	width: 100%;
}

.col-12.notification-bg {
	display: inline-grid;
	position: relative;
	width: 100%;
}

.col-2.notification-spacer, .col-1.notification-spacer {
	display: inline-grid;
}

.col-1.notification-icon {
	display: inline-grid;
	position: relative;
	left: 8%;
	bottom:3rem;
}

.fa-triangle-exclamation {
	color: rgb(232,97,0);
}

.col-8.notification-text {
	display: block;
	position: relative;
	width:100%;
	color: #fff;
	margin: 0 auto;
	font-size: 1.5rem;
	transform: scale(1);
	transition: transform .2s ease;
	text-align: center;
	padding: 2% 0;
	background-color:#0b2341;
}

.col-8.notification-text-2 {
		display: block;
		position: relative;
		width:100%;
		color: #fff;
		margin: 0 auto;
		font-size: 1.5rem;
		transform: scale(1);
		transition: transform .2s ease;
		text-align: center;
		padding: 2% 0;
		background-color:#0b2341;
	}

.col-8.notification-text:hover, .col-8.notification-text:focus {
	transform: scale(1.1);
	transition: transform .2s ease;
}
		
		.col-6.clear-bag-policy {
			display: block;
			position: relative;
			width:60%;
			margin: 0 auto;
			padding:2% 0;
		}
		.col-6.clear-bag-policy img{
			width: 100%;
			border:1px solid rgb(11,35,65);
		}
.stuff {
	display: block;
	position: relative;
	min-height: 150vh;
}

.col-12.news-and-information {
	display: block;
	position: relative;
	width: 100%;
	background-color: rgb(11,35,65);
}

.commencement-heading {
	font-size: 1.75rem;
	color: rgb(35,57,84);
	text-align: center;
}

.col-6.left-information, .col-6.right-information {
		display: inline-grid;
		position: relative;
		width: 49%;
		padding: 1%;
	}

.col-6.right-information {
	text-align: left;
}

h2.info-date {
	background-color: rgb(204,78,11);
	width:100%;
	color:#fff;
	font-size: 1.25rem;
	line-height: 2.5rem;
	padding: .25%;
}

h2.info-date strong{
	color:#fff;
}

h3.info-date, h3.info-title,ul.info-list li,h3.info-time,h3.info-location {
	font-size: 1.25rem;
	color: rgb(11,35,65);
	line-height: 2.5rem;
}
h2.info-date {
	font-size: 1.5rem!important;
	text-transform: uppercase;
}
h3.info-title {
	font-size: 1.25rem;
}
h3.info-notification {
	font-size: 1.25rem;
	color: rgb(204,78,11);
}
ul.info-list {
	display: block;
	position: relative;
	left: 3rem;
}

.col-12.information-wrapper {
	display: block;
	position: relative;
	margin: 0 auto;
	padding: 0 2rem;
}

a.information-link {
	display: block;
	position: relative;
	width: 100%;
	transform: skewX(350deg);
}

a.information-link:hover {
	background-color: rgb(232,97,0);
	transform: skewX(350deg);
} 

.information-icon,h3.information-txt {
	transform: skewX(10deg);
}

.col-4.information-button {
	display: inline-block;
	position: relative;
	width: 31%;
	padding: 1rem;
}

.col-2.information-button {
	display: inline-block;
	position: relative;
	width:24%;
	padding: 1rem;
}

.information-icon {
	display: block;
	position: relative;
	width: 50%;
	margin: 0 auto;
	padding: 1% 0;
}

div#accordionExample {
    padding-top: 1%;
}

.fa-solid {
	display: block;
	position: relative;
}
.fa-bullhorn, .fa-map-location-dot,.fa-book-open {
	position: relative;
	left:35%;
}
.fa-graduation-cap:before, .fa-map:before,.fa-book:before {
	color: #fff;
}

.fa-mobile-screen,.map-location-dot-2 {
	position: relative;
	left: 35%;
}

.fa-mobile-screen:before,.map-location-dot-2:before {
	color: #fff;
}

h3.information-txt {
	text-align: center;
}

.footer-map {
    background-image: url(images/map.png);
    width: 100%;
    background-size: cover;
    height: 700px;
    background-repeat-x: no-repeat;
    background-position-y: -93px;
}

.column.column-02.row.col-sm-6.col-xxl-3 strong,.column.column-03.row.col-sm-6.col-xxl-3 strong,.column.column-04.row.col-sm-6.col-xxl-3 strong {
	color:#fff;
}

.col-10.prohib-container {
	display: block;
	position: relative;
	margin: 0 auto;
}
.col-10.prohib-container h2, .col-10.prohib-container p, .col-10.prohib-container ul li{
	color: rgb(11,35,65);
}

.col-10.prohib-container h2 {
	font-size: 1.5rem;
}

.col-10.prohib-container ul li{
	display: block;
	position: relative;
	left:2%;
	color: rgb(11,35,65);
	list-style: circle!important;
}

h1.commencement-heading-speaker {
	text-align:left;
	font-size:1.5rem;
	color:rgb(11,35,65);
}

.col-6.speaker-headshot {
	display: inline-block;
	position: relative;
	width:40%;
}
.col-6.speaker-headshot img{
	display: block;
	position: relative;
	width:60%;
	margin: 0 auto;
	border: 4px solid rgb(11,35,65);
}
.col-6.speaker-quote {
	display: inline-block;
	position: relative;
	width:49%;
	padding-top:3%;
}

.quote {
	display: block;
	position: relative;
	text-align: left;
	margin-top: 10%;
	font-size:1.5rem;
}
/* --------------------------- Schedule Test Css ------------------------- */
 .heading {
	 line-height: 2;
	 font-weight: 900;
}
 .section-container {
	 padding: var(--padding);
}
 .section-container a {
	 color: #fff;
}
 .schedule-container {
	 overflow: auto;
}
 .schedule-stage__wrapper {
	 display: inline-block;
	 width: 100%;
}
 .schedule-stage {
	 grid-auto-columns: max-content;
	 grid-auto-flow: column;
	 grid-gap: 2rem;
	 padding-bottom: 5rem;
	 padding-top: 2rem;
	 min-width: 100%;
}
 .schedule-stage::after {
	 content: "
	"
	;
	 width: var(--padding);
}
 .divider {
	 position: sticky;
	 left: 0;
	 border: none;
	 border-bottom: 1px solid var(--border);
}
 .schedule-stage:nth-child(1) >
 .schedule-stage__title >
 h3 {
	 background: red;
	 background: linear-gradient(to right, #eb3349, #f45c43);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}
 .schedule-stage:nth-child(3) >
 .schedule-stage__title >
 h3 {
	 background: red;
	 background: linear-gradient(to right, #1d976c, #93f9b9);
	 -webkit-background-clip: text;
	 -webkit-text-fill-color: transparent;
}
 .schedule-stage__title {
	 position: sticky;
	 left: 0;
	 padding-right: 5rem;
	 height: 100%;
	 padding-left: var(--padding);
	 background: linear-gradient(to right, #000 30%, rgba(0, 0, 0, 0));
}
 .schedule-stage__title >
 h3 {
	 font-weight: 900;
}
 .schedule-stage_guide-container {
	 display: grid;
	 grid-gap: 2rem;
}
 .guide-slot {
	 color: #808080;
	 text-align: center;
}
 .guide-slot p {
	 margin-bottom: 1rem;
	 color: #0b2341;
	 text-align: center;
}
 .guide-slot_card {
	 background: rgb(11,35,65);
	 border: 1px solid var(--border);
	 border-radius: 0.8rem;
	 font-size: 1.4rem;
	 margin-bottom: 2rem;
	 padding: 1.6rem;
	 cursor: pointer;
}
 .guide-slot_card:hover {
	 border-color: #b3b3b3;
}
 .guide-slot_card h4 {
	 font-size: 1.4rem;
	 color: #fff;
}
 .author-wrapper {
	 align-items: center;
	 margin-top: 1rem;
}
 .author-wrapper >
 picture {
	 display: inline-block;
	 inline-size: 2.6rem;
	 block-size: 2.6rem;
	 border-radius: 50%;
	 overflow: hidden;
	 margin-right: 1rem;
	 border: 1px solid var(--border);
}
 .author-wrapper >
 picture >
 img {
	 inline-size: 100%;
	 block-size: 100%;
	 object-fit: cover;
}

figcaption {
	text-align: center;
	color: #fff;
}
.schedule-hr {
	background-color:#fff;
	opacity: 1;
}

.directions-h2 {
	padding: 1% 0;
}

.special-accommodation-h2 {
	font-size: 1.5rem;
}

.special-accommodation-h3 {
	font-size: 1.15rem;	
}

.content-wrapper p {
	padding: .5% 0;
}

.regalia-alert-contain {
	display: block;
	position: relative;
	width: 90%;
	margin: 0 auto;
	background-color: rgb(231,233,236);
	padding: 2%;
	margin-bottom: 2%;
}

.sch-btns {
	display: inline-block;
	width:8%;
	background-color: rgb(11,35,65);
	color:#fff;
	margin: 0 .875%;
}

.sch-btns:hover {
	background-color: rgb(204,78,11);
	color:#fff;
}

.col-1.sch-btn {
	display: block;
	width: 100%;
	text-align: center;
	padding:5%;
}

/*-------------------- Speaker Styles --------------- */
.col-4.left-speaker {
	display: inline-block;
	position: relative;
	width:25%;
}

.col-4.left-speaker img {
	display: block;
	width:75%;
	margin: 0 auto;
	border: 2px solid rgb(11,35,65);
	border-radius:1rem;
}

.col-8.speaker-bio {
	display: block;
	position: relative;
}

/* ------------------- VOlunteer STyle ------------------- */
.col-12.job-buttons {
	display: block;
	position: relative;
	width: 100%;
	padding: 2% 0;
}

.col-12.job-buttons a {
	display: inline-grid;
	position: relative;
	width: 22%;
	margin: 1%;
	transform: skewX(350deg);
}

.col-3.job-button {
	display: inline-grid;
	width: 100%;
	background-color: rgb(11,35,65);
	padding: 5%;
	text-align: center;
	color:#fff;
}
.col-3.job-button-spacer {
	display: inline-grid;
	width: 22%;
	text-align: center;
}
.job-title {
	display: block;
	position: relative;
	transform: skewX(10deg);
	font-size:1.2rem;
}

.col-3.job-button:hover, .col-3.job-button:focus {
	display: inline-grid;
	width: 100%;
	background-color: rgb(204,78,11);
	padding: 5%;
	text-align: center;
	color:rgb(11,35,65);
}

.col-4.volunteer-lead-headshot {
	position: relative;
}

.col-4.volunteer-lead-headshot img {
	position: relative;
	width:50%;
	left:25%;
}

.col-6.volunteer-lead-information {
	padding: 0 2%;
}

.col-4.lead-contact {
	display: inline-block;
	width:48%;
	font-size: 1.5rem;
}
/* ------------------------------------ Media Queries --------------------------- */

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

	h1,h2,h3,h4,h5,h6,ul,li,a,p {
		
	}
	/*---- Header ---*/
	header {
		margin-top: 220px;
	}
	
	.col-12.secondary-bar {
		padding: 0;
	}
	.primary-bar-h1 {
		font-size: 1.5rem;
	}
	
	.nav-link, .nav-link-secondary {
		font-size: 1.25rem;
	}
	
	.nav-position {
		position: relative;
		left: 3.5em;
	}
	
	.col-2.logo-left {
		width: 12%;
	}
	
	.interlocking-logo {
		width: 90%;
	}
	
	.col-3.title {
		font-size: 1.25rem;
		padding-left: 1.5rem;
	}
	
	.countdown-container {
		padding: 0;
	}
	/* ------- Index Styles ----- */
	
	.sub-menu-text {
		font-size: 1.25rem;
	}
	
	.col-8.notification-text {
		font-size: 1.5rem;
	}
	
	.col-8.notification-text-2 {
		font-size: 1.5rem;
		color:#fff;
		text-align: center;
		margin: 0 auto;
		position: relative;
	}
	
	.fa-graduation-cap:before, .fa-map:before,.fa-book:before {
		color: #fff;
		position: relative;
		left: 5.5rem;
	}
	
	.col-1.notification-icon {
		display: inline-grid;
		position: relative;
		left: 8%;
		bottom:1rem;
	}

	
	/* ----- Schedule Styles --- */
	
	.col-6.left-information, .col-6.right-information {
		display: inline-grid;
		position: relative;
	}
	
	h2.info-date, h3.info-date, h3.info-title,ul.info-list li,h3.info-time,h3.info-location {
	font-size: 1.25rem;
	color: rgb(11,35,65);
	}
	
	h2.info-date {
		color:rgb(255,255,255)!important;
	}
	
	h3.info-notification {
		font-size: 1.25rem;
		color: rgb(204,78,11);
	}
	
	/* ----- Footer Styles --- */
	
	.site-footer li {
		margin: 0;
		
	}
	
	.site-footer a {
		color: #fff;
		text-decoration: none;
		font-size: 1rem;
	}
	
	.congrats {
    position: relative;
    width: 100%;
    left: 31%;
    background-color: rgb(204,78,11);
    padding: 1rem;
    border-radius: 15px;
	top: 2rem;
}

	
}

@media screen and (max-width: 1680px) {
	h1,h2,h3,h4,h5,h6,ul,li {
		font-size: 1.25rem;
	}
	/*---- Header ---*/
	header {
		margin-top: 220px;
	}
	
	.col-12.secondary-bar {
		padding: 0;
	}
	.primary-bar-h1 {
		font-size: 1.25rem;
	}
	
	.nav-item {
		padding: 0;
	}
	
	.nav-link, .nav-link-secondary {
		font-size: 1.2rem;
	}
	
	.nav-position {
		position: relative;
		left: 3.5em;
	}
	
	.col-2.logo-left {
		width: 12%;
	}
	
	.interlocking-logo {
		width: 90%;
	}
	
	.col-3.title {
		font-size: 1.25rem;
		padding-left: 1.5rem;
		text-align: center;
		width:100%;
	}
	.col-9.timer {
		width:100%;
	}
	.countdown-container {
		padding: 0;
	}
	
	.col-3.timer-column {
		font-size: 1.25rem;
	}


	
	/* ------- Index Styles ----- */
	
	.sub-menu-text {
		font-size: 1.25rem;
	}
	
	.col-8.notification-text {
		font-size: 1.5rem;
	}
	
	/* ----- Schedule Styles --- */
	
	.col-6.left-information, .col-6.right-information {
		display: inline-grid;
		position: relative;
	}
	
	h2.info-date, h3.info-date, h3.info-title,ul.info-list li,h3.info-time,h3.info-location {
	font-size: 1.25rem;
	color: rgb(11,35,65);
	}
	
	h2.info-date {
		color:rgb(255,255,255)!important;
	}
	
	h3.info-notification {
		font-size: 1.5rem;
		color: rgb(204,78,11);
	}
	
	.sch-btns {
	display: inline-block;
	width:17.5%;
	background-color: rgb(11,35,65);
	color:#fff;
	margin: 1%;
	}

	.sch-btns:hover {
		background-color: rgb(204,78,11);
		color:#fff;
	}

	.col-1.sch-btn {
		display: block;
		width: 100%;
		text-align: center;
		padding:5%;
	}
	

}

@media screen and (max-width: 1440px) {
	.sch-btns {
	display: inline-block;
	width:17.5%;
	background-color: rgb(11,35,65);
	color:#fff;
	margin: 1%;
	}

	.sch-btns:hover {
		background-color: rgb(204,78,11);
		color:#fff;
	}

	.col-1.sch-btn {
		display: block;
		width: 100%;
		text-align: center;
		padding:5%;
	}
	
	.map-push {
		right:12%;
	}
	
	.col-4.left-speaker {
		display: block;
		position: relative;
		margin: 0 auto;
	}

	.col-4.left-speaker img {
		display: block;
		width:75%;
		margin: 0 auto;
	}

	.col-8.speaker-bio {
		display: block;
		position: relative;
		width:100%;
		padding: 1% 0;
	}
	
	.col-3.sub-menu-icon-box {
		width:44%;
		margin: 1% 1.5%;
	}
	
	.hide-btn {
		display: inline-grid!important;
	}
	
	.hide-link {
		display: none;
	}

}


@media screen and (max-width: 1200px) {
	.col-6.left-information,.col-6.right-information {
		text-align: center;
		width:100%;
	}
	.schedule-stage_guide-container {
	 display: block;
	 grid-auto-flow: column;
	 grid-gap: 2rem;
	 width:100%;
	}
	.guide-slot {
	 color: #808080;
	 text-align: center;
		padding:1%;
	}
	.col-6.clear-bag-policy {
    display: block;
    position: relative;
    width: 90%;
    margin: 0 auto;
    padding: 2% 0;
}
	
	.col-4.information-button {
    display: inline-block;
    position: relative;
    width: 100%;
    padding: 1rem;
}
	.col-6.speaker-headshot {
    display: inline-block;
    position: relative;
    width: 100%;
}
	.col-6.speaker-headshot img {
    display: block;
    position: relative;
    width: 40%;
    margin: 0 auto;
    border: 4px solid rgb(11,35,65);
}
	.col-6.speaker-quote {
    display: inline-block;
    position: relative;
    width: 100%;
    padding-top: 3%;
		text-align: center;
}
	h1.commencement-heading-speaker {
    text-align: center;
    font-size: 1.5rem;
    color: rgb(11,35,65);
}
	.quote {
    display: block;
    position: relative;
    text-align: center;
    margin-top: 1%;
    font-size: 1.5rem;
}

}


@media screen and (max-width: 768px) {
	.schedule-stage_guide-container {
	 display: block;
	 grid-auto-flow: column;
	 grid-gap: 2rem;
	 width:100%;
	}
	.guide-slot {
	 color: #808080;
	 text-align: center;
		padding:1%;
	}
	.col-3.sub-menu-icon-box {
		width: 100%;
		margin: 1% 0;
		padding:0;
	}
	.sub-menu-icon img {
		width: 10%;
	}
	
	.col-6.left-information, .col-6.right-information {
		width: 100%;
	}
	
	.fa-graduation-cap:before, .fa-map:before, .fa-book:before {
		color: #fff;
		position: relative;
		left: 0;
	}
	.fa-4x {
		font-size: 3em!important;
	}
	.nav-item {
		border-right: 1px solid rgb(11,35,65);
		padding: 0%!important;
	}
	.nav-item:hover,.nav-item:focus {
		border-right: 1px solid rgb(11,35,65);
		padding: 0%!important;
	}
	.navbar-light .navbar-nav .nav-link {
		color: rgb(11,35,65);
		transform: scale(1);
	}
	.navbar-light .navbar-nav .nav-link:hover,.navbar-light .navbar-nav .nav-link:focus {
		color: rgb(11,35,65);
		transform: scale(1)!important;
	}
	.col-12.job-buttons a {
		display: inline-grid;
		position: relative;
		width: 100%;
		margin: 1%;
		transform: skewX(350deg);
	}
	.col-8.notification-text {
		width:100%;
		right: 0;
		left:0;
		padding: 0 2%;
		text-align: center;
	}
	.col-8.notification-text-2 {

	}
	.sch-btns {
	display: inline-block;
	width:47.5%;
	background-color: rgb(11,35,65);
	color:#fff;
	margin: 1%;
	}

	.sch-btns:hover {
		background-color: rgb(204,78,11);
		color:#fff;
	}

	.col-1.sch-btn {
		display: block;
		width: 100%;
		text-align: center;
		padding:5%;
	}
	
	.col-6.clear-bag-policy {
		display: block;
		position: relative;
		width: 100%;
		margin: 0 auto;
		padding: 2% 0;
	}

		.col-4.information-button {
		display: inline-block;
		position: relative;
		width: 100%;
		padding: 1rem;
	}
	
	.col-2.information-button:first-child, .col-2.information-button:last-child {
		display: none;
	}
	
	.col-2.information-button {
		width: 100%;
	}
	
	.map-push {
		right: 0;
	}
	.col-12.sub-icon-menu {
		padding-top: 3rem;
		padding-left:2%;
		padding-right:2%;
	}
	.col-4.left-speaker {
		display: block;
		position: relative;
		margin: 0 auto;
		width:100%;
	}

}