.alert-box.hidden {
  opacity: 0;
  transition: opacity 0.3s ease-in-out;
}

.alert-box {
    position: absolute;
    width:100%;
}

.alert-box button {
    border-radius: .25em;
    text-transform: uppercase;
    box-shadow: none;
    border-width: 0;
    font-size: .75em;
    padding: .6em 2.8em .5em;
    background-color: black;
    font-weight: 700;
}

.alert-box button:hover {
       background-color: #048194;
}

.alert-box a.button {
    background-color: black;
}

.alert-box a.button:hover {
    background-color: #048194;
}

img:hover {
    outline: none;
}

a div img.imgtest {
    outline: none;
}

h1.tagline {
        text-align:center;
        font-size:2.5em;
}

p.positionStatement {
    text-align:center;
    font-size:1.25em;
    margin-bottom:0;
}


#background-video {
     width: 100vw;
     height: 100vh;
     object-fit: cover;
     position: absolute;
     left: 0;
     right: 0;
     top: 0;
     bottom: 0;
     z-index: -1;
}
 #header {
     display: block;
     padding: 45px 20px;
     position: absolute;
     bottom: 0;
     right: 0;
     left: 0;
     z-index: 1;
     min-height: 120px;
}
 .homeVidContainer{
     width: 100vw;
     height: 91vh;
}
 .fixedNavBttm ul{
     list-style: none;
     margin: 0;
}
 .fixedNavBttm li{
     display: inline-block;
     width: 30%;
     margin-right: 10px;
}
 .fixedNavBttm a{
     background-color: #000;
     color: #fff;
     font-weight: 700;
     font-size: 1.25rem;
     text-transform: uppercase;
     text-align: center;
     display: block;
     padding: 15px;
     letter-spacing: .05em;
}
 .fixedNavBttm a:hover {
     background-color: #048194;
}
 .fixedNavBttm li:last-child {
     width: 4%;
}
 .feature-cta{
     background-color: #E0F4F7;
     margin-bottom: 60px;
}
 .feature-cta img{
     display: block;
     margin: 0 auto;
     outline: none;
}
 .feature-cta h4{
     text-align:center;
     font-size:1.5em;
}
 .story2col div{
     background-color: #048194;
     color: #fff;
     padding: 2.813em 2.813em 1.25em;
}
 .select-img img{
     width: 100%;
}
 .feature-txt h3{
     font-size: 1.875em;
     margin-bottom: 1.2em;
     text-transform: none;
     line-height: 1.2em;
     width: 100%;
     margin-bottom: .7em;
}
 .feature-txt p{
     font-size: 1.25em;
}
 .feature-txt a, .feature-txt a:hover{
     text-decoration: none;
}

.feature-txt a.arrow-right {
    text-transform: uppercase;
    font-weight: 900;
}

.feature-txt a.arrow-right:hover {
    text-transform: uppercase;
    font-weight: 900;
    text-decoration: underline;
}

 .feature-cta a:hover, .newsCTALinks:hover{
     opacity: 0.70;
}
 .newsCTALinks:hover{
     color: #fff;
}
 .feature-cta .medium-4, .feature-cta .medium-4:hover, .feature-cta .medium-4:hover h4{
     text-decoration: none;
}
 .arrow-down{
     background: url(https://www.colum.edu/img/homepage/arrow-down-white.png) no-repeat center;
     padding: 15px 25px !important;
}
 .arrow-right {
     background: url(https://www.colum.edu/img/homepage/arrow-right-white.png) no-repeat right center;
     padding-right: 2em;
     letter-spacing: .05em;
}
 .newsCTALinks{
     display: block;
     padding: 10px 0;
     text-transform: uppercase;
     text-align: center;
     color: #fff;
     font-weight: 900;
     letter-spacing: .05em;
}
 .call-outs p{
     font-size: 1.25em;
     min-height: 140px;
}
 .newsCTALinks{
     margin-bottom: 1.875em;
}
 .newsCTALinks:focus{
     color: #fff;
}
 #content-start{
     scroll-behavior: smooth !important;
}
 .imgTest{
     width: 60%;
     height: auto;
     display: block;
     outline: none;
}
 .hpStory{
     margin-bottom: 60px;
}
 .hpStory .feature-txt {
     min-height: 24.4rem;
}
 .homeVidContainer img {
     position: absolute;
     bottom: 20%;
     left: 16%;
     width: 35%;
     outline: none;
}
 html {
     scroll-behavior: smooth;
}
 @media screen and (prefers-reduced-motion: reduce) {
     html {
         scroll-behavior: auto;
    }
}
 @media only screen and (max-width: 1090px) {
     .homeVidContainer {
         height: 78.5vh;
    }
     .homeVidContainer img{
         left: 4%;
         width: 50%;
         height: auto;
    }
     .hpStory .feature-txt {
         min-height: auto;
    }
     .fixedNavBttm li{
         width: 28%;
    }
     .fixedNavBttm a{
         font-size: 1em;
    }
}
 @media only screen and (max-width: 960px) {
     .homeVidContainer {
         height: 83.5vh;
    }
     .fixedNavBttm li:last-child{
         display: none;
    }
         .hpStory .feature-txt {
         min-height: auto;
    }
}
 @media only screen and (max-width: 640px) {
     .homeVidContainer {
         height: 83.5vh;
         background: url(https://www.colum.edu/pride/190830_NewStudentConvocation_PDembinski-1078-mobile.png);
         background-size: auto;
         background-size: cover;
         min-height: 50vh;
         background-position: center center;
    }
     #header{
         padding: 45px 20px 20px;
    }
     .fixedNavBttm li {
         width: 100%;
         margin-top: 1em;
    }
     .feature-cta .medium-4.columns:last-child {
         padding-bottom: 3.5em;
    }
     .feature-txt h3 {
         font-size: 1.625em;
         line-height: 1.4em;
    }
     h1.tagline {
     text-align:center;
     font-size:2em;
}
}