#halloween{

    font-family: nosifer;
    color: red;

    text-align: center;
}
#next{
    display: inline-block;
    color: red;
    font-family: nosifer;
    float: right;

    margin-top: 10%;
}
@media only screen and(max-width: 1400px) {
    #halloween {
        font-size: 7em;

    }

    .navigation {
        font-size: 3em;
    }
}
@media only screen and(max-width: 1024px){
    #halloween{
        font-size: 4em;

    }
    .navigation{
        font-size: 2em;
    }
}
@media only screen and(max-width: 480px){
    #halloween{
        font-size: 2em;

    }
    .navigation{
        font-size: 1em;
    }
}