/*CSS brought over from What is Cyclocross? Type: WYSIWYG*/
.cx-image { 
 position: relative;
width:100%;
background-size:cover;
float:left;

}
.cx-image .colorbox{
position: absolute; 
 bottom: 0; 
 left: 0;
}
.cx-image .colorbox h1 { 
color:#fff;
padding:4%;
font-size:1.5em;
background: rgba(0, 0, 0, 0.7);
margin-bottom:0px;
}
.cx-image .colorbox h1 span{
font-size:3em;
}
.cx-image .colorbox2{
position: absolute; 
 bottom: 0; 
 left: 0;
}
.cx-image .colorbox2 h2 { 
color:#fff;
padding:4%;
font-size:2em;
background: rgba(0, 0, 0, 0.7);
margin:0px;

}
@media (max-width: 600px) {
.cx-image .colorbox{
width:100%
}
.cx-image .colorbox h1 {
font-size:1em;
}
.cx-image .colorbox h1 span{
font-size:2em;
}
.cx-image .colorbox2{
width:100%
}
.cx-image .colorbox2 h2 { 
font-size:1em;
}