.splash p{
    color:#fff;
}
.big-block h1 {
    margin: 3px;
    font-size: 3.5em;
    color: #fff;
    text-align: left;
    display: table;
    padding: 6px;
    line-height: 1em;
    width: 60%;
    background-color: rgba(36,36,36,0.8);
}

.splash-section {
    background-image: url(https://learn.stocktrak.com/wp-content/uploads/2018/09/IMG_8302.jpg);
    min-height: 600px;
    /* -webkit-animation: h_slide 24s ease-out infinite; */
    /* animation: h_slide 24s ease-out infinite; */
    height: calc(100vh - 140px);
    background-position: 0% 43%;
    background-size: cover;
    position: relative;
}

.splash-text h1 {
    margin: 3px;
    font-size: 3em;
    color: #fff;
    text-align: left;
    display: table;
    padding: 6px;
    text-shadow:0 0 3px #000;
}
.splash-text {
    width: 1025px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 30vh;
    color: #fff;
}
.buttons-wrapper{
    margin-top:25vh
}
.splash-text p {
    margin: 3px;
    padding: 5px;
    font-size: 2em;
    display: table;
}

.spl-btn {
    background-color: rgba(100,100,100,0.3);
    padding: 20px;
    line-height: 25px;
    width: 170px;
    display: inline-block;
    color: #fff;
    transition: 0.5s;
    font-size: 1.5em;
    margin: 80px 20px 0;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 15px;
}
.spl-btn2{
    width:500px;
    font-size:2em;
}
.splash-button-wrapper {text-align: center;display: inline-block;}
.splash-button-wrapper a{text-decoration:none;}
.spl-btn:hover {
    background-color: #00539b;
    border-color:#00539b;
}
.btn-span{
    vertical-align:middle;
    display:inline-block;
    line-height: 1.6em;
    font-weight: 300;
}
.btn-span-login{
    font-size:1.5vw;
}
.spl-helper{
    display:inline-block;
    vertical-align:middle;
    height:100%;
}
.spl-box.box-1:hover .icon-wrapper{
    border:20px solid blue;
}
.spl-box.box-2:hover .icon-wrapper{
    border:20px solid orange;
}
.spl-box.box-3:hover .icon-wrapper{
    border:20px solid red;
}
.spl-box.box-4:hover .icon-wrapper{
    border:20px solid yellow;
}
.spl-box h3:after{
    content:"";
    height:2px;
    background-color:lightgrey;
    width:80%;
    display:inline-block;
}
.spl-box.box-1:hover h3:after{
    background-color:blue;
}
.spl-box.box-2:hover h3:after{
    background-color:orange
}
.spl-box.box-3:hover h3:after{
    background-color:red;
}
.spl-box.box-4:hover h3:after{
    background-color:yellow;
}

.threeCols-first .fa{
    font-size: 1.5em;
    padding:5px;
}
.social-buttons{
    display:none!important;
}
.splash-bottom {
    background-color: rgba(0,0,0,0.7);
    bottom: 15px;
    position: absolute;
    width: 100%;
}
.splash-bottom h1{
    margin:0;
    padding-top: 50px;
    color:#fff;
    font-family: 'Open sans';
    font-weight:300;
    font-size:4vw;
}

#splash-boxes h2{
    margin:0;
    padding-top:75px;
    font-weight:300;
    font-size:3vw;
    padding-bottom: 25px;
}

.spl-btn-2{
    margin-top: 75px;
    border:1px solid #fff;
    width:400px;
    margin-left:auto;
    margin-right:auto;
    padding:30px;
    color:#fff;
    font-size:2em;
    border-radius:4px;
    transition:0.5s;
}
.splash-button-2{
    text-decoration:none!important
}
.spl-btn-2:hover{
    background-color:#fff;
    color:#00aced;
}
.splash-bottom p{
    text-shadow:none;
    text-align:center;
    margin-top:50px
}
.splash-button{
    display:inline-block;
}
/*ipad hack*/
@media screen and (max-width:1025px){
    body{
        min-width:1025px;
    }
    .splash{
        width:1025px;
        left:0;
    }
    .spl-box{
        margin:0;
    }
    .spl-btn{
       width:200px;
    }
}
.buttons-wrapper{
       display:none;
}
.splash-button{
    display:inline-block;
}
.spl-btn {
    background-color: rgba(100,100,100,0.3);
    padding: 20px;
    line-height: 25px;
    /* width: 170px; */
    display: inline-block;
    color: #fff;
    transition: 0.5s;
    margin: 20px;
    border: 1px solid #fff;
    border-radius: 3px;
    font-size: 15px;
    font-weight: bold;
}
.spl-btn.spl-btn2 {
    font-size: 200%;
    width: 50vw;
}
.about-block .spl-btn{
    margin:20px;
    background-color: rgba(50,50,50,0.7);
}
.block4 .spl-btn{
    width: 200px;
    font-size:200%;
}

.splash-button-wrapper {text-align: center;display: inline-block;}
.splash-button-wrapper a{text-decoration:none;}
.spl-btn:hover {
    background-color: #8e2246;
    border-color: #8e2246;
    color: #fff;
}
.btn-span{
    vertical-align:middle;
    display:inline-block;
    /* line-height: 1.6em; */
    font-weight: 300;
}
.btn-span-login{
    font-size:1.5vw;
}
#splash-about {
    background-color: white;
    margin: 0;
    /* height: 300px; */
    padding: 5px;
    margin-top: -3px;
}

#splash-about h2 {
    margin: 0;
}
#splash-about-boxes {
    background: #000;
}
.spl-about-row:first-child{
    padding-top:5vw;
    padding-bottom: 2.5vw;
}
.spl-about-row:last-child{
    padding-bottom: 5vw;
}
.spl-abt-heading{
    background-color: #000;
    padding: 5vh;
}
.spl-abt-heading h1, .spl-abt-heading h2{
    color: gold;
    margin:1vh;
    font-family: 'Sanchez';
}
.spl-about {
    display: block;
    margin-left: auto;
    margin-right: auto;
    min-width: 1025px;
    text-align: center;
}
.spl-abt-onethird{
    height:80vh;
    width: 33%;
    display:inline-block;
    box-sizing:border-box;
    background-position-x: 74%;
    vertical-align:top;
    position:relative;
}
.spl-about-twothirds{
    height:80vh;
    width: 66%;
    display:inline-block;
    box-sizing:border-box;
    vertical-align:top;
    margin: 0;
}
.spl-about-twothirds > div{
    height: 80vh;
    width:100%;
    background-size:cover;
    background-position-y:20%;
    vertical-align:top;
    box-sizing:border-box;
    margin: 0;
}
.spl-about-full{
    height:80vh;
    width:100%;
    background-size:cover;
    background-position-y:80%;
}
#splash-about-boxes .first{
    background-image: url(https://learn.stocktrak.com/wp-content/uploads/2018/08/IMG_4161.jpg);
    background-size: cover;
    background-position: 50%;
}
#splash-about-boxes .second{
    background-image: url(https://learn.stocktrak.com/wp-content/uploads/2018/08/IMG_41702.jpeg);
    position:relative;
    background-position: 50%;
}
#splash-about-boxes .third{
    background-image: url(https://learn.stocktrak.com/wp-content/uploads/2016/10/bentleycampus.jpg);
    position:relative;
    background-size: cover;
    background-position: 50%;
}
#splash-about-boxes .fourth {    
    background-image: url('img/HSSU-99-Hollinsstudents.jpeg');
    position: relative;
    background-position: center top;
    margin-top: 10vh;
}

#splash-about-boxes .first p{
    height:0;
    font-size:0;
    width:0;
    display:inline-block;
    background-color: rgba(0,0,0,0.8);
    transition:0.5s;
    text-align:center;
    position:absolute;
    left:0;
    top: 64vh;
    margin:0;
}
#splash-about-boxes .first:hover p{
    height:auto;
    font-size:2em;
    width:90%;
    padding:10px;
}
#splash-about-boxes .second p{
    height:0;
    font-size:0;
    width:0;
    display:inline-block;
    background-color: rgba(0,0,0,0.8);
    transition:0.5s;
    text-align:center;
    position:absolute;
    left:20vw;
    top:0;
    margin:0;
}
#splash-about-boxes .second:hover p{
    height:auto;
    left:5vw;
    top:5vh;
    font-size: 1.4em;
    width:40%;
    padding:10px;
}
#splash-about-boxes .third p{
    height:0;
    font-size:0;
    width:0;
    display:inline-block;
    background-color: rgba(0,0,0,0.8);
    transition:0.5s;
    text-align:center;
    position:absolute;
    right:20vw;
    bottom:0;
    margin:0;
}
#splash-about-boxes .third:hover p{
    height:auto;
    right: 35vw;
    bottom:5vh;
    font-size:2em;
    width:40%;
    padding:10px;
}
#splash-about-boxes .fourth p{
    height:0;
    font-size:0;
    width:0;
    display:inline-block;
    background-color: rgba(0,0,0,0.8);
    transition:0.5s;
    text-align:center;
    position:absolute;
    left:0;
    top:0;
    margin:0;
}
.fourth p img{
    width:0;
    transition:0.3s;
}
#splash-about-boxes .fourth:hover p{
    height: 75%;
    bottom:auto;
    font-size: 2.3vh;
    width:20%;
    vertical-align:middle;
    padding:100px 20px;
}
.fourth:hover img{
    width:80%;
}
#splash-about-boxes .fourth .p2{
    height:0;
    font-size:0;
    width:0;
    display:inline-block;
    background-color: rgba(0,0,0,0.8);
    transition:0.5s;
    text-align:center;
    position:absolute;
    right:0;
    bottom:0;
    margin:0;
}
#splash-about-boxes .fourth:hover .p2{
    height:auto;
    bottom:0;
    height:70%;
    font-size:1.5vw;
    width:20%;
    vertical-align:middle;
    padding:100px 20px;
}
.p2 a{
    display:block;
    padding:30px;
    border:1px solid white;
    margin:3vh;
    text-decoration:none;
    background-color: gold;
    color: #333;
    transition:0.5s;
    line-height:1.6vw;
}
.p2 a:hover{
    background-color: #bdbd28;
    color:white;
}
#splash-boxes{width:100%;min-width:1025px;display: inline-block;background-color: #fff;}
#splash-boxes h2{
    font-weight:initial;
    font-size:300%;
    padding: 30px;
}
.spl-box{width:250px;height:400px;display: inherit;margin: 0px 20px;}
.icon-wrapper{border-radius: 10%;height:200px;width:200px;border: 10px solid lightgrey;overflow:hidden;margin-left: auto;margin-right: auto;box-sizing: border-box;transition: 0.2s;}
.spl-box p{text-align:center;color: #555;text-shadow: none;}
.spl-box h3{text-align:center;margin: 0;padding: 15px;font-size: 1.7em;}
.icon-wrapper img{width: 80%;vertical-align: middle;}
.spl-helper{
    display:inline-block;
    vertical-align:middle;
    height:100%;
}
.spl-box.box-1:hover .icon-wrapper{
    border:5px solid blue;
}
.spl-box.box-2:hover .icon-wrapper{
    border:5px solid orange;
}
.spl-box.box-3:hover .icon-wrapper{
    border:5px solid red;
}
.spl-box.box-4:hover .icon-wrapper{
    border:5px solid yellow;
}
.spl-box h3:after{
    content:"";
    height:2px;
    background-color:lightgrey;
    width:80%;
    display:inline-block;
}
.spl-box.box-1:hover h3:after{
    background-color:blue;
}
.spl-box.box-2:hover h3:after{
    background-color:orange
}
.spl-box.box-3:hover h3:after{
    background-color:red;
}
.spl-box.box-4:hover h3:after{
    background-color:yellow;
}
.threeCols-first .lhp-social .fa{
    font-size:4em;
    padding:5px;
}
.spl-about{
    max-width:1300px;
    padding:5vh
}
.spl-about .about-1, .about-2, .about-3{
    width:30%;
    display:inline-block;
    box-sizing:border-box;
    margin:1%
}
.spl-about img{
    width:100%;
    height: 285px;
}
.spl-about > a > div{
    box-sizing:border-box;
    display:inline-block;
    width:100%;
    padding:30px;
    color:#fff;
    font-weight:bold;
    text-transform:uppercase;
    font-size:2em;
    margin-top:-3px;
}
.about-1 div{
    background-color: #000;
}
.about-1:hover div{
    background-color: #333;
}
.about-2 div{
    background-color: #0075be;
}
.about-2:hover div{
    background-color: darkblue;
}
.about-3 div{
    background-color: #bdbd28;
}
.about-3:hover div{
    background-color: darkorange;
}
/*ipad hack*/
@media screen and (max-width:1025px){
    body{
        min-width:1025px;
    }
    .splash{
        width:1025px;
        left:0;
    }
    .spl-box{
        margin:0;
    }
    .spl-btn{
       width:200px;
    }
}
/*Mobile Friendliness*/
@media screen and (max-width:1150px){
    .about-block{margin:0;}
}
@media screen and (max-width:1025px){
    .splash{
        width:100%;
        left:initial;
    }
    .big-block, .small-block {
        width:100%;
        margin-top:30px;
    }
}

.assignment-details-bar.widget {
    background-image: linear-gradient(#016ab1 50%, transparent 50%);
}
.details-column.border-bottom span.title,.details-column.border-bottom a{
    color:#fff!important;
}
/*Bently Footer*/
.bentley-footer {
    background-color: #13110f;
    padding: 30px;
}

.bent-col-1 {
    width: 40%;
    display: inline-block;
    vertical-align: top;
}

.bent-col-2 {
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

.bent-col-3 {
    width: 15%;
    display: inline-block;
    vertical-align: top;
}

.bent-col-4 {
    width: 75%;
    display: inline-block;
    vertical-align: middle;
    text-align: left;
}

.bent-logo {
    display: inline-block;
    width: 15%;
}

.bent-address {
    width: 84%;
    display: inline-block;
    vertical-align: top;
}

.address-head {font-family: 'Arvo';font-size: 19px;color: #fff;text-align: left;text-transform: uppercase;letter-spacing: 4px;height: 21px;padding-top: 10px;}


.address-body p {
    color: #888;
    text-transform: uppercase;
    margin: 0;
}

.address-body {
    padding-top: 11px;
}

.address-bottom {
    border-top: 1px solid #888;
    margin-top: 10px;
    margin-right: 22px;
    text-align: left;
}

.address-bottom ul {
    list-style: none;
    margin: 0;
}

.address-bottom li {
    display: inline-block;
    margin: 10px 0;
    border-right: 1px solid #888;
    padding: 0 15px;
}

.address-bottom li:last-child {
    border-right: none;
}

.address-bottom a {
    text-decoration: none;
    color: #fff;
}
.bentley-footer h3 {
    margin: 0;
    text-transform: uppercase;
    color: gold;
    font-weight: normal;
    font-size: 1rem;
    margin-bottom: 20px;
}

.footer-social {
    text-align: left;
}

.bent-block p {
    margin: 0;
}

.bent-block a {
    text-decoration: none;
    color: #fff;
}

.bent-block img {
    padding-right: 20px;
}

a.donate-button {
    padding: 15px;
    font-size: 1rem;
    display: inline-block;
    background-image: linear-gradient(#959cad,#7e8590,#7e8590);
}

.bent-block {
    text-align: left;
    padding-bottom:20px;
}
.bent-col-4 ul {
    list-style: none;
    text-align: left;
    display: inline-block;
    margin: 0;
    width: 49%;
}

.bent-col-4 ul li {
    line-height: 30px;
}

.bent-col-4 ul li a {
    color: #fff;
    text-decoration: none;
}
.splash{
    color:#fff;
    text-align:center;
    flex-shrink: 0;
}

p {}

.sp {
    width: 24%;
    display: inline-block;
    text-align:center;
    vertical-align: middle;
}
.sp img{
    max-width:75%;
    max-height:100px;
    text-align:center;
    display:inline;
    padding:10px;
}
.sp p{
    text-align:center;
    color: gold;
    font-weight: bold;
}

.splash-bottom span {
    font-size: 1.7rem;
    display: inline-block;
    padding: 2rem;
    text-transform: uppercase;
    color: gold;
    vertical-align: middle;
    font-weight: bold;
}

a.splash-button {
    display: inline-block;
    padding: 1rem;
    background-color: gold;
    vertical-align: middle;
    font-size: 1.5rem;
    color: #333!important;
    text-decoration: none;
    border-radius: 5px;
    border: 1px solid gold;
    text-transform: uppercase;
    transition:0.3s;
}
.splash-button:hover{
    color:#fff!important;
    background-color:transparent;
    border-color:gold;
}
.head-sponsor {
    width: 80%;
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
    vertical-align: middle;
}

.head-sponsor h3 {
    color: gold;
    margin: 1px;
    text-align: center;
    font-size: 1.2rem;
}
.head-details {
    width: 50%;
    display: inline-block;
    padding: 20px;
}


.spl-abt-onethird:hover a.splash-button{
    font-size:inherit;
    padding:inherit;
    opacity:inherit;
}