@font-face {
    font-family: 'Comic Sans';
    src: url('comic.ttf');
}
@font-face {
    font-family: 'Jokerman';
    src: url('jokerman.ttf');
}
@font-face {
    font-family: 'Papyrus';
    src: url('papyrus.ttf');
}

#gleisBtn {
    animation: colorchange 20s;
}

@keyframes colorchange
{
    0%   { background: red; border-color: red; }
    25%  { background: yellow; border-color: yellow; color: black; }
    50%  { background: blue; border-color: blue; color: white;}
    75%  { background: green; border-color: green; }
    100% { background: red; border-color: red; }
}

.jumbotron {
    font-size: 22px;
}

@media (max-width: 500px) {
    h1 {
        font-size: 26px;
    }
    .jumbotron {
        font-size: 16px;
    }
}