.ssplebiscite{
    font-family: "PT Sans";
    width:100%;
    float:left;
    color:#000;
    padding-top:20px;
}
.ssplebiscite h2{
    font-size: 28px;
    text-transform: uppercase;
    float: left;
    width:100%;
    text-align: center;
    font-weight: normal;
    background: url('h2_header.png') no-repeat center;
}
.ssplebiscite p{
    font-size: 18px;
    width:100%;
    padding-bottom: 20px;
}
.ssplebiscite .covers{
    float:left;
    width:100%;
}
.ssplebiscite .covers ul{
    float:left;
    width: 100%;
    list-style-type: none;
}
.ssplebiscite .covers ul li{
    float:left;
    width:25%;
    padding: 0 0.5% 40px;
    box-sizing: border-box;
}
.ssplebiscite .covers ul li .cover_image{
    float:left;
    width:100%;
    position: relative;
    cursor: pointer;
}
.ssplebiscite .covers ul li .cover_image img{
    width:100%;
}
.ssplebiscite .covers ul li .cover_image .cover_shadow{
    position: absolute;
    top:0;
    left: 0;
    width:100%;
    height:100%;
    display: none;
    background: url("cover_bg.png") no-repeat;
    background-size: cover;
}
.ssplebiscite .covers ul li .cover_image:hover > .cover_shadow{
    display: block;
}
.ssplebiscite .covers ul li .cover_image .cover_shadow a{
    display: block;
    width: 100%;
    height: 100%;
}
.ssplebiscite .covers ul li h3{
    float: left;
    color:#464646;
    text-transform: uppercase;
    font-size: 18px;
    font-weight: bold;
    width:100%;
    text-align: center;
    padding:7px 0;
}
.ssplebiscite .covers ul li h3 a{
    color:#464646;
    text-decoration: none;
}
.ssplebiscite .covers ul li .vote{
    float:left;
    width:100%;
    background: #dd020c;
    color:#fff;
    padding: 8px 0;
    text-transform: uppercase;
    text-align: center;
    font-size: 16px;
    margin-bottom: 6px;
}
.ssplebiscite .covers ul li .vote a{
    color:#fff;
    text-decoration: none;
}
.ssplebiscite .covers ul li .vote.voted{
    background: #9c9c9c;
}

.ssplebiscite .covers ul li .votes{
    float:left;
    width:100%;
    color:#9c9c9c;
    border:1px solid #9c9c9c;
    font-size: 14px;
    text-transform: uppercase;
    text-align: center;
    padding:8px 0;
    box-sizing: border-box;
}

.ssplebiscite .covers ul li .votes span{
    color:#000;
    font-size: 16px;
}

@media (max-width: 820px) {
    .ssplebiscite .covers ul li{
        width:33%;
    }
}
@media (max-width: 660px) {
    .ssplebiscite .covers ul li{
        width:50%;
    }
}
@media (max-width: 400px) {
    .ssplebiscite .covers ul li{
        width:100%;
    }
    .ssplebiscite h2{
        font-size: 20px;
    }
}