.background-red {padding: 2rem; max-width: 100%;background-color: #E90802;color: #ffffff;}

.background-red p, .background-red ul, .background-red li, .background-red h1, .background-red h2, .background-red h3, .background-red h4, .background-red h5 {color: #ffffff;}

.background-red a {color: #ffffff; text-decoration: underline white;}

.background-red a:hover {color: #000000;}

.background-gray {padding: 2rem; max-width: 100%;background-color: #f7f6f6;}

.red-line { width: 7rem;height: .625rem;background-color: #E90802;position: relative;margin-top: 1rem;}

.banner {position: relative; background-color: #E90802;}

.banner-image {position: relative; z-index: 1;}

.banner-title {position: absolute; z-index: 1; top: 50%; width: 100%; text-align: center; color: white;}

.banner-title h1 {color: white; text-shadow: 2px 2px 10px #000000;}

.ladder {display: flex; justify-content: center; align-items: center; gap: 1rem;}

.left-image {flex-direction: row;}

.right-image {flex-direction: row-reverse;}

.subnav {position: -webkit-sticky;position: sticky;top: 80px;display: flex;flex-flow: row wrap;justify-content: space-around;align-items: center;padding: 1px;background: #f7f6f6;box-shadow:  0 1px 1px 0 rgba(0, 0, 0, 0.2), 0 3px 6px 0 rgba(0, 0, 0, 0.19);}

.subnav div {margin: .5rem .5rem;list-style: none;font-size: .9rem;font-family: 'Neue Helvetica W01',Helvetica,Arial,sans-serif;text-transform: uppercase;}.subnav a {color: #E90802;}

.subnav a:hover {color: #808285;text-decoration: underline solid #E90802 4px;}

.lab-bio {padding: 1rem;background-color: white;color: black;border-radius: 4px;box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.7), 0 3px 12px 0 rgba(0, 0, 0, 0.6);transition-duration: .3s;}

.lab-bio h3, .lab-bio p, .lab-bio a, .lab-directory p, .lab-directory a {color: black;text-decoration: none;}

.lab-directory a:hover {color: #E90802;text-decoration: none;}

.lab-bio:hover {background-color: #fffcf5;box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.6), 0 6px 20px 0 rgba(0, 0, 0, 0.4);}

.cards-main {display: flex;justify-content: center;}

.cards-main > div {flex: 1; overflow: hidden; background-color: #E90802;color: #ffffff;margin: 1.5rem;text-align: center;transition-duration: 0.3s;}

.cards-main > div h4, .cards-main > div h5 {color: #ffffff;text-decoration: none;margin: 1.75rem .5rem;text-align: center;}

.cards-main > div:hover {box-shadow: 0 0 18px 0 #666666;background-color: #000000;}

.cards-main img {transition: 0.5s all ease-in-out;}

.cards-main img:hover {transform: scale(1.1);}

.cards-descriptive {display: flex;justify-content: center;}

.cards-descriptive > div {flex: 1;border-top: .625rem solid #E90802;background-color: #f7f6f6;padding: 1.5rem;margin: 1.5rem;transition-duration: 0.3s;}

.cards-descriptive > div:hover {background-color: #ffffff;box-shadow: 0 0 18px 0 #666666;}

.cards-resources {display: flex;justify-content: center;background-color: #E90802;padding: 1.5rem;}

.cards-resources > div {flex: 1;text-align: center;background-color: white;padding: 1rem;margin: 1.5rem;transition-duration: 0.3s;}

.cards-resources > div:hover {box-shadow: 0 0 18px 0 #333333;}

.cards-gallery {display: flex;flex-flow: row wrap;justify-content: center;}

.cards-gallery > div {max-width: 17%;border-radius: 8px;box-shadow: 0 0 12px 0 rgba(0, 0, 0, 0.4);color: #666666;margin: 1rem;text-align: center;transition-duration: 0.3s;}

.cards-gallery > div h4 {color: #666666;text-decoration: none;margin: .5rem .25rem;text-align: center;}

.cards-gallery > div:hover {background-color: #f4f2f3;box-shadow: 0 0 6px 0 rgba(0, 0, 0, 0.2);}

.highlight-box {padding: 2rem;margin: auto;box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}

.pss-table {width: 100%;}

.pss-table th {background-color: #E90802;color: white;}
						
.pss-table tr:nth-child(odd) {background-color: #f7f6f6;}
						
.pss-table a {color: #E90802;}

.full-width {width: 100vw;max-width: 100vw;margin-left: calc(50% - 50vw);}

.narrow {max-width: 60%; margin: auto;}

@media screen and (max-width: 800px) {
	.banner-title {top: 1%;}
	.ladder {flex-direction: column;}
	.left-image {flex-direction: column;}
	.right-image {flex-direction: column;}
	.cards-main {flex-direction: column;justify-content: center;max-width: 100%;}
	.cards-descriptive {flex-direction: column;justify-content: center;max-width: 100%;}
	.cards-resources {flex-direction: column;justify-content: center;max-width: 100%;}
	.cards-gallery > div {max-width: 40%;margin: .5rem;}
	.narrow {max-width: 90%; margin: auto;}
}