.hpsection{
    position: relative;
}
.top-banner .outerdiv, .top-banner .innerdiv {
    text-align: left!important;
}
.top-banner h1{
    line-height: 1.1!important;
    text-transform: uppercase;
}
.top-banner h1 span{
    font-weight: normal!important;
    text-transform: lowercase;
}
.top-banner h1, .top-banner h2, .top-banner p {
    text-align: left!important;
    text-shadow: none!important;
    color: white!important;
}
.top-banner p {
    font-size: 120%!important;
}
@media only screen and (max-width: 45em){
    .img-container-voice {
        background: url(/images/sections/student_life/student_voice_banner_new.jpg) 790px center!important;
        background-size: auto 100%!important;
        height: 450px;
    }
    .home-banner.your-thoughts {
        background: url("/images/sections/student_life/student_voice/thoughts-banner-small.webp") no-repeat center center;
        background-size: cover;
    }
    .home-banner.academic {
        background: url("/images/sections/student_life/student_voice/academic-banner-small.webp") no-repeat center center;
        background-size: cover;
    }
}
@media only screen and (min-width: 44.9em){
    .home-banner.your-thoughts {
        background: url("/images/sections/student_life/student_voice/thoughts-banner-big.webp") no-repeat center right;
        background-size: cover;
    }
    .home-banner.academic {
        background: url("/images/sections/student_life/student_voice/academic-banner-big.webp") no-repeat center right;
        background-size: cover;
    }
}
@media only screen and (max-width: 1149px){
    .top-banner .outerdiv {
        margin: 0;
    }
}

.img-container-voice {
    background: url(/images/sections/student_life/student_voice_banner_new.jpg) right center;
    /*background-size: auto 100%!important;*/
    background-repeat: no-repeat;
    background-color: #2c2e60;
    background-size: auto 100% ;
}
@media only screen and (min-width: 45em){
    .text-wrapper {
        width: 35%;
    }
}
@media screen and (min-width: 1150px){
    .top-banner .outerdiv {
        min-width: 1200px!important;
    }
}
@media only screen and (max-width: 600px) {
    .shadowed i {
        float: none!important;
        margin-right: 0!important;
    }
}

.arrow-block:after {
    color: #2c2e60!important;
    font-size: 1.3em!important;
}
@media only screen and (min-width: 45em) {
    .arrow-block:after {
        top: 37%;
        right: -20px;
    }
}
@media only screen and (max-width: 44.99em) {
    .arrow-block:after {
        bottom: -20px!important;
        right: 50%!important;
    }
}

.purple{
    background: #2c2e60!important;
}

.purple h3{
    color: white;
}

.border-green {
    border: 1px solid rgba(145, 205, 133)
}

.border-blue{
    border: 1px solid rgba(124,203,223)
}

.quote p.author, .quote blockquote:after, .quote blockquote:before{
    color: #2c2e60!important;
}

.quote blockquote {
    border-left: 5px solid #2c2e60!important;
}