.menu-button {
	 color: #960c22 !important;
	 z-index: 3 !important;
}
 .site-nav {
	 background-color: #c8102e !important;
	 z-index: 2 !important;
}
 .sticky {
	 position: fixed;
	 top: 0;
	 width: 100%;
}
 .no-margin {
	 margin: 0;
}
 .no-top-margin {
	 margin-top: 0;
}
 .no-pad {
	 padding: 0;
}
 .google-middle {
	 vertical-align: middle;
}
 .google-side-text {
	 display: inherit;
	 padding-top: 10px;
}
 #google-button {
	 width: 100px;
}
 #micro-hero {
	 margin: 0;
	 padding: 0;
	 height: 20vh;
	 background-image: url(../images/micro-programs-hero.jpg);
	 background-size: cover;
	 background-position: center;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
}
 .micro-hero-canvas-el {
	 position: absolute;
}
 .header-tagline {
	 margin: 0;
	 color: #fff;
	 font-size: 3em;
	 text-align: center;
	 text-transform: none;
	 text-shadow: 2px 2px #000000;
	 transform: translateX(-100rem);
	 animation: slideIn 1s forwards;
}
 @keyframes slideIn {
	 from {
	}
	 to {
		 transform: translateX(0);
	}
}
 .main-container {
	 display: flex;
	 background: rgb(136, 139, 141, 0.15);
	 margin-bottom: 20px;
}
 .image-column {
	 flex: 4;
}
 .info-column {
	 flex: 6;
	 padding: 0 20px;
}
 .nav-column {
	 display: flex;
	 flex: 1;
	 padding: 20px 0 0 40px;
	 min-width: 120px;
	 flex-direction: column;
}
 .nav-container {
	 padding-right: 0;
}
 .nav-panel {
	 flex-grow: 1;
	 padding: 0;
}
 .nav-panel span {
	 color: #54585a;
	 font-size: 10pt;
}
 .nav-panel span:hover {
	 color: #000;
}
 .nav-panel a {
	 color: #54585a;
	 font-size: 10pt;
}
 .nav-panel a:hover {
	 color: #000;
}
 #panels-section {
	 padding: 1.375rem 0;
}
 .para-subscribe {
	 text-align: center;
	 margin-top: 0;
}
 .home, .pricing, .schedule, .overview, .objectives, .instructors, .apply, .faq {
	 border-bottom: 2px #fff solid;
}
 .home:hover, .pricing:hover, .schedule:hover, .overview:hover, .objectives:hover, .instructors:hover, .apply:hover, .faq:hover {
	 border-bottom: 2px #000 solid;
}
 .border-bottom-white {
	 border-bottom: 2px #fff solid;
}
 .row #ccus-card, #ueda-card, #sed-card, #hydro-card, #esg-card, #ncamle-card {
	 background: rgb(136, 139, 141, 0.15);
	 margin-bottom: 20px;
}
/* MEDIA QUERIES */
 @media screen and (max-width: 300px) {
	 .uh-header .menu-button {
		 right: -.25rem;
	}
}
 @media screen and (max-width: 365px) {
	 .label {
		 font-size: 55%;
	}
}
 @media screen and (max-width: 400px) {
	 .nav-panel .row {
		 margin-right: 0;
	}
}
 @media screen and (max-width: 420px) {
	 .header-tagline {
		 font-size: 1.5em;
	}
}
 @media screen and (max-width: 500px) {
	 .home, .pricing, .schedule, .overview, .objectives, .instructors, .apply, .faq {
		 width: 100%;
		 background-color: #fff;
		 border-radius: 50px;
		 margin-bottom: 5px;
	}
	 .home:hover, .pricing:hover, .schedule:hover, .overview:hover, .objectives:hover, .instructors:hover, .apply:hover, .faq:hover {
		 background-color: #888b8d;
	}
}
 @media screen and (max-width: 992px) {
	 .nav-panel {
		 width: 100%;
	}
}
 @media screen and (min-width: 1110px) and (max-width: 1199px) {
	 .nav-panel {
		 padding-top: 10px;
	}
}
 @media screen and (max-width: 1199px) {
	 .nav-column {
		 display: flex;
		 flex-direction: row;
		 flex-wrap: wrap;
		 padding: 0 0 10px 0;
	}
	 .nav-container {
		 padding-right: 1.25rem;
	}
	 .nav-panel {
		 text-align: center;
	}
	 .border-bottom-white {
    	 border-bottom: none;
    }
}
 @media screen and (min-width: 1200px) and (max-width: 1240px) {
	 .nav-column {
		 padding: 20px 5px 0 30px;
	}
}