#time-interval-expression {
    border-radius: 4px;
    float: left;
    font-family: monospace;
    margin-bottom: 2.5rem;
    width: 100%;
}

#time-interval-expression-left {
    border-radius: 4px;
    float: left;
    padding: 10px 0;
    width: 47%;
}

#time-interval-expression-center {
    background: none;
    padding: 10px 0;
    text-align: center;
    width: 6%;
}

#time-interval-expression-right {
    border-radius: 4px;
    float: right;
    padding: 10px 0;
    width: 47%;
}

.time-interval-expression {
    border: 0;
    float: left;
    text-align: center;
}

@media (max-width: 600px) {
    #time-interval-expression {
        font-size: 1.4rem;
    }
}

@media (max-width: 500px) {
    #time-interval-expression {
        font-size: 1.2rem;
    }
}

@media (max-width: 400px) {
    #time-interval-expression {
        font-size: 1.0rem;
    }
}

@media (max-width: 300px) {
    #time-interval-expression {
        font-size: 0.8rem;
    }
}

@media (max-width: 200px) {
}

.illustration {
    height: 150px;
    width: 100%;
    border: 1px solid #ccc;
    border-radius: 4px;
    padding: 10px 0;
}