body {
}

.w3-cause
{
    width:45%;
    border:1px solid #c0c0c0;
    padding:10px;
    cursor:pointer;
    float:left;
    background-color:#e1edf8;
}

.cause-title
{
    font-weight:bold;
}

.cause-selected
{
    -webkit-box-shadow: 0px 0px 10px 0px rgba(52, 118, 75, 1);
    -moz-box-shadow:    0px 0px 10px 0px rgba(52, 118, 75, 1);
    box-shadow:         0px 0px 10px 0px rgba(52, 118, 75, 1);
    border:1px solid #3476af;
}


/*----media queries ---*/

@media (min-width: 1024px) 
{
    .w3-cause
    {
        width:28%;
        margin:10px;
        
    }
}

@media (max-width: 1023px) and (min-width: 800px)
{
    .w3-cause
    {
        width:44%;
        margin:10px;
        
    }
}

@media  (max-width: 799px) and (min-width: 630px)
{
    .w3-cause
    {
        width:42%;
        margin:10px;
        
    }
}

@media  (max-width: 629px)
{
    .w3-cause
    {
        width:100%;
        margin:10px 0;
        
    }
}