.umsl-secondary-text{
    color:#fff;
    font-family:'Oswald', sans-serif;
    font-weight:500;
}
.parallax {
    /*Set a specific height*/
    min-height: 500px;
    /*Create the parallax scrolling effect*/
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.image-overlay {
    background: linear-gradient(60deg,#121212,hsla(0,0%,7%,.97087) 14.29%,hsla(0,0%,7%,.9103) 25.32%,hsla(0,0%,7%,.82477) 33.77%,hsla(0,0%,7%,.72074) 40.26%,hsla(0,0%,7%,.6047) 45.45%,hsla(0,0%,7%,.48313) 50%,hsla(0,0%,7%,.36249) 54.55%,hsla(0,0%,7%,.24926) 59.74%,hsla(0,0%,7%,.14992) 66.23%,hsla(0,0%,7%,.07095) 74.68%,hsla(0,0%,7%,.01882) 85.71%,hsla(0,0%,7%,0));
    transition: opacity .4s cubic-bezier(.645,.045,.355,1) .3s;
    opacity:0.3;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    pointer-events: none;
}
.image-hero--content {
    text-align: left;
    color: #fff;
    text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0px auto;
    display: flex;
    align-items: flex-end;
    z-index: 3;
    /*padding:0px 0px 60px 30px;*/
    padding:0px 0px 20px 20px;
    width:1200px;
}
.image-hero--content h1 {
    font-size:calc(1.5vw + 45px);
    position:relative;
    line-height:1;
    top: 50px;
}
.cf:before, .cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.banner-image-wrapper {
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 430px;
}
.banner-image-wrapper-color{
    position: relative;
    overflow: hidden;
    width: 100%;
    height: 430px;
}
.banner-image-wrapper-color::after {
    content: "";
    display: inline-block;
    width: 100%;
    height: 11px;
    position: absolute;
    bottom: 0px;
    left: 0;
    z-index: 1;
    background: url(https://www.umsl.edu/files/images/umsl-colorblock.jpg);
    background-position: 50px -4px;
}
.banner-image {
    position: absolute;
    min-width: 100%;
    object-fit: cover;
    object-position: center;
    max-width: none;
    height:100%;
}
 .image-js {
    color: #fff;
}
@media screen and (max-width: 480px){
    .banner-image-wrapper {
        height:300px;
    }
    .image-hero--content {
        padding: 40px 0px 50px 20px !important;
        width: 100%;
    }
    
    .image-hero--content h1{
		font-size:calc(3vw + 20px); 
	}
}
@media(min-width:576px){
    .image-hero--content {
        width: 470px;
	}
	.image-hero--content h1{
		 font-size:calc(3vw + 20px); 
		 bottom: 0;
	}
	.banner-image-wrapper {
	    height:300px;
	}
}
@media(min-width:768px){
    .image-hero--content {
        padding: 0px 0px 50px 20px;
	    width: 840px;
	}
    .image-hero--content h1{
		padding-left: 15px;
		font-size:calc(3vw + 20px);
		bottom: 0;
	}
	 .video-wrapper{
		 height:400px!important;
	}
	.banner-image-wrapper {
	    height:370px;
	}
}
@media(min-width:992px){
	.image-hero--content {
        width: 992px;
    }
    .image-hero--content h1{
    font-size:calc(3vw + 30px);
    top:0px;
	}
	.banner-image-wrapper {
	    height:400px;
	}
	
}
@media(min-width:1200px){
    .image-hero--content {
        width: 1200px;
    }
	.banner-image-wrapper {
	    height:420px;
	}
}
@media(min-width:1400px){
    .banner-image-wrapper {
	    height:520px;
	}
}

/*.umsl-secondary-text{*/
/*	 color:#fff;*/
/*	 font-family:'Oswald', sans-serif;*/
/*	 font-weight:500;*/
/*}*/

/* .image-overlay {*/
/*     background: linear-gradient(60deg,#121212,hsla(0,0%,7%,.97087) 14.29%,hsla(0,0%,7%,.9103) 25.32%,hsla(0,0%,7%,.82477) 33.77%,hsla(0,0%,7%,.72074) 40.26%,hsla(0,0%,7%,.6047) 45.45%,hsla(0,0%,7%,.48313) 50%,hsla(0,0%,7%,.36249) 54.55%,hsla(0,0%,7%,.24926) 59.74%,hsla(0,0%,7%,.14992) 66.23%,hsla(0,0%,7%,.07095) 74.68%,hsla(0,0%,7%,.01882) 85.71%,hsla(0,0%,7%,0));*/
/*    transition: opacity .4s cubic-bezier(.645,.045,.355,1) .3s;*/
/*    opacity:0.3;*/
/*	 position: absolute;*/
/*	 top: 0;*/
/*	 left: 0;*/
/*	 bottom: 0;*/
/*	 right: 0;*/
/*	 pointer-events: none;*/
/*}*/

/*.image-hero--content {*/
/*	 text-align: left;*/
/*	 color: #FFF;*/
/*	 text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);*/
/*}*/

/*.image-hero--content h1 {*/
/*    font-size:calc(1.5vw + 45px);*/
/*    position:relative;*/
/*    text-align: left;*/
/*    line-height:1;*/
/*}*/


/* .cf:before, .cf:after {*/
/*	 content: " ";*/
/*	 display: table;*/
/*}*/
/* .cf:after {*/
/*	 clear: both;*/
/*}*/


/*.banner-image-wrapper {*/
/*	 position: relative;*/
/*	 overflow: hidden;*/
/*	 height: 450px;*/
/*	 clear: both;*/
/*}*/

/* .banner-image {*/
/*	 position: absolute;*/
/*	 min-width: 100%;*/
/*	 min-height: 100px;*/
/*}*/

/* .image-js {*/
/*	 color: #fff;*/
/*}*/

/* @media screen and (max-width: 1199px) {*/
/*	 .image-hero--content h1{*/
/*		 font-size:4rem;*/
/*	}*/
/*	.banner-image-wrapper {*/
/*       height: 400px;*/
/*    }*/
	
/*}*/
/*@media screen and (max-width: 767px){*/
/*    .image-hero--content h1{*/
/*	font-size:3rem;*/
/*	}*/
    
/*}*/


/* @media only screen and (max-width: 764px) and (min-width: 582px){*/
/*	 .banner-image{*/
/*		 max-width:118%;*/
/*	}*/
/*}*/

/* @media screen and (max-width: 991px) and (min-width: 768px){*/
/*	 .banner-image-wrapper{*/
/*        height: 200px;*/
/*	}*/
/*}*/

/*@media screen and (max-width: 767px) and (min-width: 582px) {*/
/*	.banner-image-wrapper{*/
/*	    height: 170px;*/
/*        height: 170px;*/
/*	}*/
/*	 .image-hero--content h1 {*/
/*		 bottom: 0;*/
/*	}*/
/*}*/

/* @media screen and (max-width: 581px) and (min-width: 375px){*/
/*	 .banner-image-wrapper{*/
/*		height: 120px;*/
/*	}*/
/*}*/

/*@media screen and (max-width: 374px){*/
/*	 .banner-image-wrapper{*/
/*		height: 80px;*/
/*	}*/
/*}*/

/* @media screen and (max-width: 580px) {*/
/*	 .image-hero--content{*/
/*		 margin:10px;*/
/*	}*/
/*}*/


/* @media only screen and (max-width:580px){*/
/*	 .image-hero--content h1{*/
/*		 bottom:0px;*/
/*	}*/
/*	.banner-image-wrapper{*/
/*	    height: 100px;*/
/*	}*/
/*}*/
/* @media only screen and (max-width: 480px) {*/
	
/*	.image-hero--content h1{*/
/*		 font-size:1.8rem;*/
/*	}*/
	

/*}*/



/*.image-hero--content {*/
/*  text-align: left;*/
/*  color: #fff;*/
/*  text-shadow: 0 0 5px rgba(0, 0, 0, 0.4);*/
/*  position: absolute;*/
/*  top: 0;*/
/*  bottom: 0;*/
/*  left: 0;*/
/*  right: 0;*/
/*  margin: 0px auto;*/
/*  display: flex;*/
/*  align-items: flex-end;*/
/*  z-index: 3;*/
/*  padding:0px 0px 60px 30px;*/
/*  width:1200px;*/
/*}*/


/* .cf:before, .cf:after {*/
/*	 content: " ";*/
/*	 display: table;*/
/*}*/
/* .cf:after {*/
/*	 clear: both;*/
/*}*/


/*.banner-image-wrapper {*/
/*	 position: relative;*/
/*	 overflow: hidden;*/
/*	 height:450px;*/
/*	 clear: both;*/
	 
/*}*/

/* .banner-image {*/
/*	position:initial!important;*/
/*	min-width: 100%;*/
/*    min-height:100%;*/
/*    max-width: 100%;*/
/*    -o-object-fit: cover;*/
/*    object-fit: cover;*/
/*    -o-object-position: center;*/
/*    object-position: center;*/
/*}*/

/* .image-js {*/
/*	 color: #fff;*/
/*}*/




/*@media only screen and (max-width:1200px) {*/
/*		.image-hero--content{*/
/*	        width:970px;*/
/*	}*/
/*}*/


/*@media only screen and (max-width: 992px) {*/

/*  .image-hero--content {*/
/*    padding: 15px;*/
/*  }*/
/*  .image-hero--content h1{*/
/*	font-size:calc(3vw + 30px)*/
/*	}*/
/*}*/


/*@media only screen and (max-width: 768px) {*/
/*  .image-hero--content h1 {*/
/*    width: 50%;*/
/*    padding-left: 15px;*/
/*  }*/
/*  .image-hero--content {*/
/*    padding: 15px;*/
/*  }*/
/*  img.banner-image {*/
/*    max-width: 100%;*/
/*  }*/
/*    .banner-image-wrapper {*/
/*    height: 250px;*/
/*  }*/
/*  	.video-wrapper{*/
/*	    height:400px!important;*/
/*	}*/
/*}*/



/*@media only screen and (max-width : 480px) {*/
/*	img.banner-image{*/
/*	    max-width:100%;*/
/*	}*/
/*	.image-hero--content{*/
/*	    margin:0px;*/
/*	     padding:40px 0px 40px 0px!important;*/
/*	}*/
/*	  .banner-image-wrapper {*/
/*    min-height: 300px;*/
/*  }*/
/*}*/


/*@media only screen and (max-width : 320px) {*/
/*		.image-hero--content{*/
/*	    padding:25px 0px 25px 0px!important;*/
/*	}*/
/*}*/


/* .cf:before, .cf:after {*/
/*	 content: " ";*/
/*	 display: table;*/
/*}*/
/* .cf:after {*/
/*	 clear: both;*/
/*}*/




/* .banner-image {*/
/*	position:initial!important;*/
/*	min-width: 100%;*/
/*    min-height:100%;*/
/*    max-width: 100%;*/
    /* font-family: "object-fit:cover;object-position:center"; */
/*    -o-object-fit: cover;*/
/*    object-fit: cover;*/
/*    -o-object-position: center;*/
/*    object-position: center;*/
/*}*/

/* .image-js {*/
/*	 color: #fff;*/
/*}*/


/*@media only screen and (max-width: 768px) {*/
/*  .image-hero--content {*/
/*    padding: 0px 0px 40px 15px;*/
/*  }*/
/*  img.banner-image {*/
/*    max-width: 100%;*/
/*  }*/
/*}*/


/*@media only screen and (max-width : 480px) {*/
/*	img.banner-image{*/
/*	    max-width:100%;*/
/*	}*/
/*	.image-hero--content{*/
/*	    margin:0px;*/
/*	     padding:40px 0px 40px 0px!important;*/
/*	}*/
	
/*}*/

/*@media (max-width: 480px)  {*/
/*    .image-hero--content h1 {*/
/*    width: 30%;*/
/*    font-size:calc(1vw + 30px)*/
/*    }*/

/*      .banner-image-wrapper {*/
/*        height: 200px;*/
/*  }*/
/*}*/

/*@media only screen and (max-width : 320px) {*/
/*		.image-hero--content{*/
/*	    padding:25px 0px 25px 0px!important;*/
/*	}*/
/*}*/


/*@media print {*/
/*  .banner-image {*/
/*    display: none;*/
/*  }*/
/*  .image-hero--content h1 {*/
/*    font-size: 18px;*/
/*    color: #000;*/
/*    text-align: left;*/
/*  }*/
/*  img {*/
/*    max-width: 300px !important;*/
/*    height: auto;*/
/*  }*/
/*  .banner-image {*/
/*    display: none;*/
/*  }*/
/*  .image-overlay {*/
/*    display: none;*/
/*  }*/
/*  .banner-image-wrapper {*/
/*    height: 100px;*/
/*  }*/
/*}*/