#slides img {
    width:60%;
}

#slides .content {
    position: absolute;
    top: 0;
    right: 0;
    width: 51%;
    height: 100%;
    padding-left: 13%;
    background-image: url(/images/slide-layer-2.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: cover;
}

#slides .content h1 {
	color: white;
	margin-top: 50%;
	font-size: 3rem;
	line-height: 1.1;	
}

#slides .content p {
    color:white;
    font-size: 2em;
}

#slides .owl-controls {
    margin: 0;
    position: absolute;
    top: 10px;
    right: 10px;
}

#slides .owl-theme .owl-controls .owl-page span {
    background-color:#e21d24;
}


@media only screen and (max-width: 65em) {

    #slides .content h1 {
        font-size: 4.5vw;
    }

}



@media only screen and (max-width: 40em) {
    #slides img {
        width:100%;
    }
    #slides .content {
        background-image: none;
        width: 100%;
        padding: 0;
        bottom: 0;
        height: initial;
        top: initial;
        padding: 50px 10px 0 10px;


        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,0.2+73 */
        background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.2) 73%, rgba(0,0,0,0.2) 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 73%,rgba(0,0,0,0.2) 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.2) 73%,rgba(0,0,0,0.2) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#33000000',GradientType=0 ); /* IE6-9 */
    }
    #slides .content h1 {
		font-size: 3rem;
        margin-top: 0;
    }
    #slides .content p {
        font-size: 1.2em;
    }
}



#frontpageContent nav.linkList {
    margin-top:2em;
    padding-top:2em;
    border-top:1px solid #ebebeb;
}