p{
    margin: 0;
}
div > img{
    width: 280px;
    -moz-opacity: 0.2; /* Mozilla */
         opacity: 0.2; /* Opera */
    filter:alpha(opacity=20); /* IE */
    padding-top: 60px;
}
div#logo_1996 > img{
    width: 400px;
    padding-top: 30px;
}
#timeline_svg{
	position: absolute;
	top: 110px;
	left: 20px;
	display: none;
}
#timeline{
	/* 100% - (#timeline_svg:width + #timeline_svg:left) */
	width: calc(100% - 40px);
	height: auto;
}
.entry{
	width: 100%;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
.entry > div {
	float: left;
}
.year{
	width: 30%;
	font-weight: 900;
	letter-spacing: 1px;
}
.logo{
    position: absolute;
}

/* Targeting only Firefox. */
@-moz-document url-prefix() { 
    .year{
        letter-spacing: -1px;
    }
}
.entry_text{
	width: 70%;
	padding-bottom: 40px;
}

/* Media Queries for mobile support. */
@media screen and (max-width: 1200px) {
    div#logo_2006 > img{
        padding-top: 100px;
    }
}
@media screen and (max-width: 1000px) {
    div#logo_2006 > img{
        padding-top: 120px;
    }
    #timeline{
		width: 100%;
	}
}
@media screen and (max-width: 800px) {
    div#logo_2006 > img{
        padding-top: 140px;
    }
    .entry > div {
		float: none;
	}
	.year, .entry_text {
		width: 95%;
		display: block;
	}
	.year {
		margin-bottom: 5px;
	}
	#timeline {
		left: 35px !important;
	}
}
@media screen and (max-width: 600px) {
    div#logo_2006 > img{
        padding-top: 200px;
    }
}
@media screen and (max-width: 400px) {
    div#logo_2006 > img{
        padding-top: 300px;
    }
}
@media screen and (max-width: 350px) {
    #timeline_svg {
		display: none !important;
	}
	#timeline {
		left: 0 !important;
	}
}