body{
	font-family: Helvetica;
	letter-spacing:0.03em;
}

video{

	max-width:80%;
	min-height:100%;
	z-index:-1;
	outline:none;
	border: none;
}

#video-web{
	margin: 15vh 0 0 0;
}
h3, h4{
	/* font-weight: 500; */
	margin:0.5em;
}

ul{
	padding-inline-start: 20px;
	list-style-type: none;
	color:#4b4b9a;
}
li{
	line-height: 1.8rem;
	color:black;
	font-size: 1em;
}

a{
	/* color:#2931c3; */
	color:#767676;
	text-decoration: underline;
}

#title{

	width:100vw;
	margin: 20px;
	line-height:2.5em;
	text-align: left;
}

.info{
	/* transform:rotate(8deg); */
	color:black;
	font-size: 1.2em;
	
}


#days{
	display:flex;
	flex-direction: row;
	width:40vw;
	height:100vh;
	margin: auto;
	overflow-y:scroll;
	position:fixed;
	top:10px;
	left:60vw;
	
}

.day{
	width:10vw;
	overflow-y:scroll;
	font-weight: 300;
	letter-spacing: 1px;
	padding: 0 1rem 3rem 1.25rem;
}


.day-title button{
	background-color: transparent;
	border:none;
	padding:5px 5px;
	font-size:1.4em;
	font-weight: 700;
	color:black;
	/* transform:rotate(12deg); */
}

.day-list{
	display:none;
	font-size:0.8em;
}

.active days{
	width:45vw;
}

.active > .day-title button{
	transform: rotate(0deg);
	width:fit-content;
	color:#767676;
	text-decoration:line-through;
}

.active > .day-list{
	display:block;
}

.active {
	width:50vw;
	transition: all 0.3s ease-in-out;
	border:1px solid #767676;
	border-width: 0 0 0 1px;
}

.subtitle{
	font-weight:100;
	padding:0px;
	align-items: center;
	font-size: 2rem;
	color: #393939;
}


.mobile-only{
	display:none;
}

@media only screen and (max-width: 600px) {
	#days{
	display:none;
	}

	#video-web{
		display:none;
	}
	.mobile-only{
	display:block;
	}
}