.landing-highlight {
    width: 100%;
    height: 550px;
    background-color: #FE7814;
    color: #FFF;
    font-family: "Lato",sans-serif;
    text-align: left;
    text-transform: uppercase;
    box-sizing: border-box;
    font-size: 24px;
    background-image: url('../images/ihu-bg-image.jpg');
    background-blend-mode: multiply;
    background-size: cover;
}

.landing-highlight h1 {
    text-align: center;
    padding: 50px 0;
    font-size: 30px;
}

.landing-container {
    height: 360px !important;
    background-color: #000000;
}

.landing-sub-block {
    background-position: center center;
    background-size: cover;
    width: 50%;
    height: 100%;
    float: left;
    box-sizing: border-box;
    position: relative;
    background-color: #000000;
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: darken;
}

.landing-half {
    background-position: center center;
    background-size: cover;
    height: 50%;
    box-sizing: border-box;
    position: relative;
    background-color: rgba(0, 0, 0, 0.4);
    background-blend-mode: darken;
}

.main-hightlight span{
    bottom: 15px;
    font-size: 22px;
    font-weight: bold;
    padding: 20px;
    position: absolute;
    text-transform: none;
}

.right-highlight span {
    bottom: 10px;
    font-size: 14px;
    font-weight: bold;
    padding: 15px;
    position: absolute;
    text-transform: none;
}

.landing-container a:link,
.landing-container a:visited,
.landing-container a:active {
    color: #FFFFFF;
}

.landing-container a:hover {
    opacity: 0.7;
}

.landing-desktop {
    width: 100%;
    height: 100%;
}

@media (min-width:992px) {

}

@media (min-width:768px) and (max-width:991px) {

}

@media (max-width:767px) {

    .landing-desktop {
        display: none;
    }

    .landing-container {
        overflow: hidden;
        position: relative;
        background-color: #000;
    }

    .landing-container ul li {
        width: 100%;
        height: 360px;
        float: left;
    }

    .landing-container ul li a {
        display: inline-block;
        height: 100%;
        width: 100%;
        text-decoration: none;
        position: relative;
    }

    .landing-container ul li a span {
        position: absolute;
        bottom: 30px;
        padding: 0 20px;
        box-sizing: border-box;
    }

    .landing-container ul li .highlight-item {
        background-position: center center;
        background-size: cover;
        height: 100%;
        width: 100%;
    }

    .highlight-item span{
        text-transform: initial;
    }
}

#imgs img {
    float: left;
    position: relative;
}
.images_nav {
    display: block;
    text-align: center;
    margin: 20px auto;
    width: 55px;
}
.images_nav .bullet {
    background: #FFF;
    float: left;
    border-radius: 5px;
    border: 3px solid #FFF;
    width: 2px;
    height: 2px;
    margin-right: 5px;
    margin-top: 2px;
}
.images_nav .bullet.active {
    width: 5px;
    height: 5px;
    margin-top: 0px;
}