header p{
    font-size: 1.6rem;
    line-height: 1.6;
}
.as, .as2 {
    background-color: #000;
    float: left;
    height: 280px;
    margin-top: 10px;
    position: relative;
    width: 40%;
    margin: 10px 10px 30px 10px;
}
.as.off {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%);
    opacity: 0.5;
}
.as.off:hover {
    -webkit-filter: none;
    filter: none;
    opacity: 1;
}
.as h2 a {
    font-size: 1em;
    height: 28px;
    overflow: hidden
}
.as .astitle, .as .astitle a {
    color:white;
}
.as .astitle {
    position: absolute;
    bottom: 0px;
    left: 0px;
    background: rgba(0,0,0,.7) none;
    padding: 10px 20px;
    width: 100%;
}
a.sponsor{
    color: #ccc;
    text-decoration: none;
    font-size: small;
	padding: 0 4px;
    /*display:none;*/
}
#contentBody h1.crumb, .crumb{margin: 10px 0 0;}
.not-active {
	pointer-events: none;
	cursor: default;
	text-decoration: none;
	color: black;
	opacity: .4;
}
@media screen and (max-width:900px){
	#container{width:100%}
	.as{height:auto;width:40%}
}

@media screen and (max-width:750px){
	#container{width:100%}
	.as{margin:10px 0 10px 0px;height:auto;width:100%}
}