@width: 100%;

#slogan {
    margin-top: @width * 0.05;
}

@media screen and (max-width: 1300px) {
    #slogan {
        font-size: 2.0em;
    }
}

@media screen and (max-width: 900px) {
    #slogan {
        font-size: 1.6em;
    }
}

@media screen and (max-width: 768px) {
    #slogan {
        font-size: 1.2em;
        line-height: 1.35;
    }
}

@media screen and (max-width: 500px) {
    #slogan {
        margin-top: @width * 0.04;
        font-size: 1.0em;
        line-height: 1.30;
    }
}