.events-title {
    font-size: 300%;
    margin: 2% 15% 0 15%;
    border-bottom: 3px dotted;
}

.events-caption {
    margin: 2% 0 50px 0;
}

.exitbutton-caption {
    position: relative;
    top: 12px;
}

.exitbutton:hover {
    opacity: 0.6;
}

.timetable-img {
    border: 5px solid;
    border-image: linear-gradient(45deg, #ff5656, #fff2f2) 1;

}

.sat {
    color: #4694f4;
}

.sun {
    color: #ff8484;
}

@media screen and (max-width: 700px) {
    .events-title {
        font-size: 200%;
    }

    .exitbutton {
        border-radius: 100px;
        background-color: #10004f;
        box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
        margin: 0 30% 40px 30%;
        height: 50px;
        color: #FFFFFF;
    }

    .exitbutton a {
        text-decoration: none;
        color: #ffffff;
    }

}

@media screen and (min-width: 700px) {

    .exitbutton {
        border-radius: 100px;
        background-color: #10004f;
        box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
        margin: 0 38% 40px 38%;
        height: 50px;
        color: #FFFFFF;

    }

    .exitbutton a {
        text-decoration: none;
        color: #ffffff;
    }

}


@media screen and (min-width: 900px) {

    .exitbutton {
        border-radius: 100px;
        background-color: #10004f;
        box-shadow: 0 4px 8px rgba(0, 0, 0, .2);
        margin: 0 38% 40px 38%;
        height: 50px;
        color: #FFFFFF;

    }

    .exitbutton a {
        text-decoration: none;
        color: #ffffff;
    }

}