body{
	position:absolute;
	top:0; left:0;
	height:100%;
	width:100%;
}

#content{
	position:relative;
}

#sidebar{
	position:absolute;
	top:0; left:0;
	height:100%;
	width:10px;
	background-color:white;
	border-right:1px solid black;
	border-left:1px solid black;
	z-index:3;
}

#wrapper{
	width:calc(100%-40px);
	margin-left:40px;
}

#event{
	position:relative;
}

#event #date{
	margin:0 0 10px 0;
}

#event h4{
	margin: 10px 0 30px 0;
	font-size:20px;
}

#event::before, #event::after{
	content:"";
	display:block;
	width:20px; height:20px;
	border:1px solid black;
	border-radius:100px;
	background-color:white;
	position:absolute;
	top:0; left:-45px;
}

#event::before{border-width:0px; z-index:10; top:1px; left:-44px}

/*######################################################################################
  Resposive
######################################################################################*/

@media (max-width: 1000px){
	#content{
		width:85%;
	}
}