#content #mobile-nav a {
    color: #fff;
}

.mobile-nav {
    padding-left: 20px;
    padding-right: 20px;
    position: relative;
}

.mobile-nav::before,
.mobile-nav::after {
    font-family: "FontAwesome";
    position: absolute;
    color: #fff;
    display: flex;
    height: 38.4px;
    width: 20px;
    justify-content: center;
    align-items: center;
    top: 0;
    opacity: .7;
}

.mobile-nav::before {
    content: '\f104';
    left: 0;
}

.mobile-nav::after {
    content: '\f105';
    right: 0;
}

.mobile-nav__inner-wrap {
    overflow-x: scroll;
}

.mobile-nav ul {
    display: flex;
    flex-wrap: nowrap;
}

.mobile-nav ul > li {
    flex: 1 0 auto;
    text-align: center;
}

.PRA .mobile-nav {
    background-color: #CDB987;
}

.PRA .mobile-nav a:hover {
    background-color: hsl(43, 41%, 57%);
}

.PRR .mobile-nav {
    background-color: #252F40;
}

.PRR .mobile-nav a:hover {
    background-color: hsl(218, 27%, 30%);
}

.LPO .mobile-nav {
    background-color: #2C7195;
}

.LPO .mobile-nav a:hover {
    background-color: hsl(201, 54%, 28%);
}

.TMV .mobile-nav {
    background-color: #818534;
}

.TMV .mobile-nav a:hover {
    background-color: hsl(63, 44%, 26%);
}

@media screen and ( min-width: 0 ) and ( max-width: 766px ) {

    #home #mm-0 #viewport #screen #slider .slick-slider,
    #home #mm-0 #viewport #screen #slider .slick-list,
    #home #mm-0 #viewport #screen #slider,
    #home #mm-0 #viewport #screen #slider .image,
    .internal #viewport #screen #slider .slick-slider,
    .internal #viewport #screen #slider,
    .internal #viewport #screen #slider .image {
        height: calc(100vh - 86px) !important;
        max-height: calc(100vh - 86px) !important;
        min-height: 0 !important;
    }
}

@media screen and ( min-width: 766px ) and ( max-width: 1023px ) {

    #home #mm-0 #viewport #screen #slider .slick-slider,
    #home #mm-0 #viewport #screen #slider .slick-list,
    #home #mm-0 #viewport #screen #slider,
    #home #mm-0 #viewport #screen #slider .image,
    .internal #viewport #screen #slider .slick-slider,
    .internal #viewport #screen #slider,
    .internal #viewport #screen #slider .image {
        height: calc(100vh - 38.4px) !important;   
        max-height: calc(100vh - 38.4px) !important;
        min-height: 0 !important;
    }
}

@media screen and ( min-width: 1023px ) {
    .mobile-nav {
        display: none;
    }
}