body {
    background-color: #FEFEFE;
}


.cards-container {
    text-align: center;
}

.card-idea {
    box-sizing: border-box;
    display: inline-block;
    width : 300px;
    padding: 24px;
    margin: 8px;

    /* basic */
    background-color: #fff;

    text-align: center;
    /* border-radius */
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
    border-radius: 20px;
    /* box-shadow */
    -webkit-box-shadow: rgba(0,0,0,0.3) 0px 0 8px;
    -moz-box-shadow: rgba(0,0,0,0.3) 0 0 8px;
    box-shadow: rgba(0,0,0,0.3) 0 0 8px;

    cursor: pointer;
}

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

    .card-idea .win{
        display: none;
    }

    .card-idea {
        width: 160px;
        padding: 4px;
        margin: 2px;
    }


}

.card-idea .win{
    padding: 12px;
    opacity: 0;
    -webkit-transition: opacity 0.5s, visibility 0s 0.5s;
    transition: opacity 0.5s, visibility 0s 0.5s;
}

.card-idea:hover .win{
    opacity: 1;
}