body {
	max-width:650px;
	margin:0px auto;
	font-family: Arial, sans-serif;
	line-height: 1.6;
	color: #333;
}

h1 {
	line-height:150%;
	letter-spacing: 2px;
		color : #A31F34;
	font-variant: small-caps;
	text-align: center
}
h2 {
	color : #A31F34;
font-variant: small-caps;
text-align: center
}
h3 {
	color : black;
font-variant: small-caps;
text-align: center
}
	ul {
		list-style-type: none;
		padding-left: 0;
	}
	li {
		margin: 8px 0;
		padding: 6px 8px;
		border-radius: 4px;
	}
	.break {
		border-left: 6px solid WhiteSmoke;
		font-style: italic;
		color: #ADADAD;
	}
	.circAndStruct{
		border-left: 6px solid #1E4697;
	}
	.FWCandOverturning{
		border-left: 6px solid #006400;
	}
	.couplingAndConnections{
		border-left: 6px solid Gold;
	}
	.BG{
		border-left: 6px solid Orange;
	}
	.keynote {
		border-left: 6px solid #EE4B2B;
	}
	.author {
		font-weight: bold;
		color: #004080;
	}
	.description {
		text-align: center;
		font-style: italic;
		color: #ADADAD;
		max-width: 30em;
		margin: auto;
	} 

	.container {
  display: flex;
  gap: 1rem;       /* space between divs */
}

.box {
  flex: 1;         /* each takes equal width */
  padding: 1rem;
}
.schedule {
	text-align: left;
}


/* For mobile phones */
@media screen and (max-width:1024px){
  body {
    max-width: 90%; /* or a smaller fixed value, e.g. 400px */
  }
	.description {
		text-align: center;
		font-style: italic;
		color: #ADADAD;
		max-width: 80%;
		margin: auto;
	} 
}