/* CSS Document */

*{
	margin:0;
	padding:0;
	font-family: "Ubuntu Sans", sans-serif;
}
.hero{
	width:100%;
	height:100%;
	position: relative;
}

#calendar{
	width:100%;
	position:absolute;
	top:40%;
	left:50%;
	transform:translate(-50%,-50%);
}
.scrolling-text-container{
	display: flex;
	align-items: center;
	background: #fff;
	margin-top: 30px;
}
.scrolling-text-container span{
	position: relative;
	display: inline-block;
	flex-shrink: 0;
	padding: 8px 20px;
	background: #f00;
	color: #fff;
	clip-path: polygon(0 0,90% 0,100% 100%,0 100%);
	font-weight: 600;
}
.left span{clip-path: polygon(25% 0,100% 0,100% 100%,0 100%);}
}