div.banner{
  display: flex;
  position: absolute;
  width: 100%;
  inset: 0;
  background-image: url("/static/images/covers/5sM2BXim04o-unsplash (1).jpg");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}
div.decoration{
  text-shadow: 0 0 5px #ff00ff, 0 0 10px #ff00ff, 0 0 20px #ff00ff, 0 0 40px #00ffff, 0 0 80px #00ffff;
}
nav.topnav li{
  color: white;
  text-shadow: 1px 1px 1px #000, 1px -1px 1px #000, -1px 1px 1px #000, -1px -1px 1px #000;
}
nav.topnav div.dropdown li{
  color: black;
  text-shadow: none;
}
div.part{
  display: flex;
  flex-direction: column;
  padding: 0;
  margin-left: 0;
}
div.program{
	display: flex;
	font-family: Calibri, sans-serif;
	font-size: 25px;
	color: darkblue;
	justify-content: center;
	padding: 12px 8px;
}
div.level{
	display: flex;
	font-family: Calibri, sans-serif;
	font-size: 18px;
	justify-content: center;
	padding: 8px;
}
div.courses{
	display: flex;
	flex-direction: column;
	/*border: 1px solid gray;*/
	padding: 8px;
	/*width: 70%;*/
}
div.course{
	display: flex;
	flex-direction: row;
	font-family: Calibri, sans-serif;
	font-size: 16px;
	justify-content: center;
	padding: 4px;
}
div.details{
	display: flex;
	font-family: Calibri, sans-serif;
	font-size: 14px;
	padding: 0px 4px 4px 12px;
	width: calc(100% - 80px);
}
div.divider{
	display: flex;
	flex: 1;
}
div.det{
  font-size: 0px;
  color: #fff;
  display: none;
}

@media (min-width: 480px){
  div.part{
    padding: 20px;
  }
}
@media (min-width: 600px){
  div.part{
    padding: 20px;
    margin-left: 0;
  }
}
@media (min-width: 768px){
  div.part{
    padding: 20px;
    margin-left: 0;
    max-width: 875px;
  }
}
@media (min-width: 1120px){
  div.part{
    padding: 20px;
    max-width: 875px;
    margin-left: 10%;
    margin-right: 10%;
  }
}