/* CSS Document */

.intro
{
font-size: 120%;
color:#60dd49;
line-height: 105%;
font-weight: bold;
padding-bottom: 3px;
}

.moreabout 
{
margin-bottom: 10px;
font-size: 90%;
}

.moreabout a
{
text-decoration: none;
color: #A5A9AC;
}

.news{
    
    width: 100%;
}

@media (min-width: 992px) and (max-width: 1111px) {
    .news .news-item-wrapper{
        max-height:320px;
        overflow:hidden;
    }
}

.news .newsitem
{
border-bottom: 1px solid #bec0c2;
padding: 8px 0 8px 0;
}


.news p
{
padding: 0;
margin: 0;
}
.news h5 {
    margin: 0 0 0 0;
    font-size: 1em;
    width:100%;
}



#lowerpanels
{
margin-top: 10px;
border: 1px solid #FFFFFF;
color: #FFFFFF;
}

#lowerpanels a
{


}


@media (min-width: 768px) {
    #leftcol {
        display: flex;
    }

    #rightcol {
        display: flex;
    }
}

.item{
    position:relative;
    height: 518px;
    width:100%;
    background-size: cover;
    background-position: center center;
}

.item .caption{
    position:absolute;
    bottom: 10px;
    left: 10px;
   
}

.item .caption h2{
    color:#FFF;
    padding-bottom: 8px;
    border-bottom: 2px solid #60dd49;
    margin: 0 20px 0 10px;
    font-size: 1.2em;
    line-height:1.1em
}

@media (min-width: 768px) {
    .item .caption h2{
   
    padding-bottom: 10px;
    border-bottom: 3px solid #60dd49;
    margin-bottom: 10px;
    font-size: 2em;
}
}

.owl-carousel .owl-item img{
    max-height:510px!important;
}

.program{
    margin-top:0;
}