@media screen and (max-width: 1024px)
{
       .contentcontainer
    {
        width: 96%;
        margin: 0px;
        left: 0px;
        padding-left: 2%;
        padding-right: 2%;
    }

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

    /****************EVENTS*******************/
    .eventlist, .buttoncontainer
    {
        margin: 50px 0%;
        width: 100%;
        padding: 0%;
    }
}