/* ==============  SIZR  ==============*/
html::before {
    content: "400-600px";
}




/* ==============  MESSAGE  ==============*/
#head {
    width: 30%;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}





/* ==============  TIMELINE  ==============*/
.timeline__text li div {
    width: 175px;
}
.timeline ul li:nth-child(2n+1) div {
    left: -200px;
}
.timeline ul li:nth-child(2n) div {
    left: 17px;
}