.menu-button {
	 color: #960c22 !important;
	 z-index: 3 !important;
}
 .site-nav {
	 background-color: #c8102e !important;
	 z-index: 2 !important;
}
 h1, h2, h3, h4, h5, span {
	 color: #c8102e;
}
 .strong-red {
	 color: #c8102e;
}
 .page-header h1 {
	 background: none;
	 transform: translateX(-100rem);
	 animation: headerTextSlideIn 1s forwards;
	 animation-timing-function: cubic-bezier(0.02, 0.02, 0.02, 1);
}
 @keyframes headerTextSlideIn {
	 from {
	}
	 to {
		 transform: translateX(0);
	}
}
 .page-header ::before {
	 background-color: #c8102e !important;
	 transform: translateX(-100rem);
	 animation: headerSlideIn 1s forwards;
	 animation-timing-function: cubic-bezier(0.01, 0.01, 0.01, 1);
}
 @keyframes headerSlideIn {
	 from {
	}
	 to {
		 transform: translateX(0);
	}
}
 .nav-breadcrumb ~ .page-section:first-of-type {
	 padding-top: 0;
}
 .btn {
	 font-weight: bold;
}
 .btn-primary {
	 margin: 2px;
}
 .btn-xs {
	 font-weight: normal;
}
 .thumbnail img:hover {
	 cursor: pointer;
}
 .no-margin {
	 margin: 0;
}
 .error {
	 color: #c8102e;
}
 #info-button {
	 margin-top: 30px;
}
 #hero-text {
	 color: #000;
	 text-shadow: #fff 1px 1px;
	 margin: 0 40px;
}
 #hero-text-success {
	 color: #fff;
	 text-align: center;
	 text-shadow: #000 1px 1px;
	 margin: 0 40px;
}
 #hero-section {
	 height: 100vh;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 background: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ), url(https://www.uh.edu/uh-energy/educational-programs/tieep/images/lightbulb-array-conserve.jpg);
	 background-size: cover;
	 background-position: center;
}
 #email, #name, #job-title, #company-name, #phone, #address {
	 margin-bottom: 20px;
}
 #tieep-form {
	 color: #fff;
	 text-shadow: #000 1px 1px;
	 text-align: left;
	 padding: 20px;
	 background: linear-gradient( rgba(0, 0, 0, .5), rgba(0, 0, 0, .5) ) 
}
 #submitbtn {
	 float: right;
	 width: 20%;
}
 .sptc-form-button {
	 color: #000;
	 padding: 5px;
	 background: linear-gradient( rgba(136, 139, 141, .7), rgba(84, 88, 90, .9) );
	 cursor: pointer;
	 text-align: center;
	 border: 2px solid rgba(84, 88, 90);
	 border-radius: 15px;
}
 .sptc-form-button:hover {
	 background: linear-gradient( rgba(84, 88, 90), rgba(0, 0, 0) );
	 color: #fff;
}
 #pdh-forms {
	 padding-top: 1.5rem;
}
 .no-border {
	 border: none;
}
 label {
	 color: #fff;
}
 .archive-label {
	 margin-top: 10px;
}
 .glyphicon {
	 color: #fff;
}
 .caption-sub {
	 margin-top: 10px;
}
/* WEBINAR PAGE START */
 .title-h4 {
	 margin: 0;
	 color: #c8102e;
}
 .learn-more-button {
	 padding: 0;
}
 .title-bar {
	 background-color: #fff;
	 margin: 5px 0 35px 0;
	 padding: 5px 5px 5px 15px;
	 border: 2px solid #960c22;
	 border-radius: 10px;
	 position: relative;
	 z-index: 1;
}
 .opening-para, .opening-para-left, .opening-para-right {
	 margin: 0 0 1.125rem 0;
}
 .webinar-headshot {
	 max-width: 200px;
	 border-radius: 10px;
	 border: 2px solid #960c22;
	 float: left;
	 margin: 8px 20px 0 0;
}
 .webinar-feature {
	 max-width: 300px;
	 border-radius: 10px;
	 border: 2px solid #960c22;
	 float: left;
	 margin: 8px 20px 0 0;
}
 #segment-panel {
	 margin-top: 15px;
}
/* WEBINAR PAGE END */
/* MEDIA QUERIES */
 @media screen and (max-width: 500px) {
	 h1 {
		 font-size: 1.75em;
	}
	 h4 {
		 font-size: 1em;
	}
	 #hero-text {
		 margin: 0 20px;
	}
	 #city {
		 margin-bottom: 20px;
	}
	 #submitbtn {
		 width: 50%;
		 float: none;
	}
}
 @media screen and (min-width: 501px) and (max-width: 795px) {
	 #city {
		 margin-bottom: 20px;
	}
}
 @media screen and (max-width: 525px) {
	 .webinar-headshot {
		 border-radius: 10px;
		 border: 2px solid #960c22;
		 float: none;
		 margin: 0px 0px 10px 0px;
		 max-width: 100%;
	}
}
 @media screen and (max-width: 768px) {
	 .learn-more-button {
		 padding-bottom: 20px;
	}
}
 @media screen and (min-width: 768px) and (max-width: 992px) {
	 .learn-more-button {
		 padding-bottom: 20px;
	}
}
 @media screen and (min-width: 796px) and (max-width: 991px) {
	 #city {
		 margin-bottom: 20px;
	}
}
 @media screen and (max-width: 991px) {
     .nav-primary {
         margin-top: 50px !important;
    }
	 #youtube-video video {
		 width: 100%;
	}
	 #youtube-video img {
		 padding-bottom: 20px;
	}
}