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

    .contentcontainer
    {
        width: 90%;
        margin: 0px;
        left: 0px;
        padding-left: 5%;
        padding-right: 5%;
    }

    .logo img {
        width: 100px;
    }
    /*********************HOME***********************/
    .login .contentcontainer
    {
        top: 0px;
    }

    /****************EVENTS*******************/
    .eventlist li div.eventdate, .eventlist li div.eventplace, .eventlist li div.eventdata
    {
        display: none;
    }

    .eventlist li div .eventdate640
    {
        display: inline;
        color: #8a221b;
        font-weight: bold;
        font-size: 12px;
    }


    .eventlist li div.eventname
    {
        width: 65%;
    }

    .contact .form
    {
        width: 94%;
        margin: 0px 0px 25px 0px;
    }

    .contact .contentcontainer p
    {
        padding: 0px !important;
    }

    /****************EVENTDETAILS*******************/
    .popup .col2 *
    {
        font-size: 12px;
    }
}