.cycle-slideshow {float:left;
width: 100%;
overflow: visible;}
.cycle-slideshow img {width: 100%;
margin:0;}
.cycle-slideshow a {position: absolute; 
top: 0; 
left: 0;
width: 100%;
height: auto;
padding: 0;
background-color: #fff; 
display: block;
border:0;}
.cycle-slideshow a img {width: 100%;
position: static;
display: block;}
.cycle-pager {text-align: center; 
width: 100%;
z-index: 500;
position: absolute;
top: 8px; 
overflow: hidden;}
.cycle-pager span {font-family: fira-r;
font-size: 1.5em;
width: 0.5em;
height: 0.5em;
display: inline-block; 
color: #e8e8e8;
cursor: pointer; 
margin: 0 0.2em;}
.cycle-pager span.cycle-pager-active {color: #e8e8e8;}
.cycle-caption {position: absolute;
color: white;
bottom: 1.0em;
right: 1.0em;
z-index: 700;}
.cycle-overlay {position: absolute;
bottom:0;
left:0;
width: 100%;
z-index: 600;
background: url(../src/black_50.png) repeat transparent; 
padding: 0.5em 1.5em 1.0em 0em; 
padding-left:5%;
color:#ebe8e4;
}

@media only screen and (max-width:480px) {

.cycle-overlay {
bottom:-15px;
background: #0063a6; 
padding: 0.2em 1.0em 0.2em 0em; 
padding-left:3%;
color:#ebe8e4;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}}
.dctitle {font-family: fira-l;
font-size: 150%;
line-height: 110%;
text-align:left;
margin: 0;
}

@media only screen and (max-width:320px) {

.dctitle{
font-family: fira-r;
font-size: 100%;
line-height: 100%;
}}
.dcdesc {font-family: fira-l;
font-size: 100%;
text-align:left;

}

@media only screen and (max-width:480px) {

.dcdesc{
display:none;
font-family: fira-l;
font-size: 80%;
line-height: 100%;
}}
.cycle-paused:after {content: 'Paused'; color: white; background: black; padding: 10px;
z-index: 500; position: absolute; top: 10px; right: 10px;
border-radius: 10px;
background: url(src/black_50.png) repeat transparent; 
}
