@media screen and (max-width: 900px)
{    .logo img {
         width: 150px;
     }
    .login .contentcontainer
    {
        height: auto;
        padding-bottom: 25px;
    }

        .login .contentcontainer div.col4
        {
            width: 50%;
        }

        .login .contentcontainer div.col2
        {
            width: 95%;
            padding-right: 5%;
        }

    /****************EVENTS*******************/
    .eventlist li.head .person
    {
        display:none;
    }
    .eventlist li div.flag
    {
        display:none;
    }
    .eventlist li div.eventdate
    {
        width:28%;
        padding:14px 1%;
        background:none;
    }
        /*****************EVENTDETAILS***********/

     .eventdetails ul
    {
        width:90%;
    }
   
}