#container {
	margin-top:24px;
  }

  #screen {
  	border:2px solid black;
  	border-radius: 8px;
  	margin-top:0px;
  	margin-bottom:4px;
  }

  #logo {
  	float:left;
  	margin-right:32px;
  	margin-left:16px;
  }

  .pageBlock {
  	float:left;
  }

  video {
  	border:2px solid black;
  	border-radius: 8px;
  }

  .videoBlock {
  	float: left;
  	max-width: 120px;
  	margin-right: 16px;
  	margin-bottom: 24px;
  }

  .videoCaption {
  	margin-top: 2px;
  	margin-bottom: 2px;
  	font-size: 18px;
  	/* font-weight: bold; */
  	text-align: center;
  }

  .playButton {
   margin-left: 4px;
  }

  .playButton:hover {
  	/*background-color: #ff0000;*/
  }

  /*video::-webkit-media-controls-panel {
     background-image: none !important;
  }*/

  em {
  	font-style: normal;
  	border-bottom: 1px dotted #000;
  }

	.nav-list {
		list-style-type: none;
		margin: 0;
		padding: 0;
		overflow: hidden;
		background-color: #ffffff;

		li {
		  float: left;
		  margin-top:16px;
		  margin-right:16px;
		  font-size:20px;
		}
		li a {
			display: block;
			color: #000;
			text-align: center;
			padding: 8px 16px;
			text-decoration: none;
			border-radius: 20px;
			border:1px solid white;
		}
		li a:hover {
		  background-color: #80CA80;
		  border:1px solid black;
		}
		li a.active {
			border:1px solid black;
		  background-color: #C0FAC0;
		}
	}

	.feature-list {
		list-style-position: inside;
		list-style-type: disc;
		li {
			margin-bottom: 4px;
			padding: 4px;
			font-size:24px;
			border:1px solid white;
		}
		li.active {
			border-radius: 8px;
			border:1px solid black;
		  background-color: #C0C0FA;
		}
	}

	/* phone */

	@media screen and (max-width: 700px) {
		h2{margin-top:4px;}
		#container {
			margin-top:4px;
		}
		#screen {
			margin-top:0px;
			display: block;
			margin-left: auto;
			margin-right: auto;
		}
		#logo {
			margin-right:4px;
			margin-left:8px;
		}
		.pageBlock {
			clear:left;
		}
		.nav-list {
			li {
				font-size:16px;
				margin-right:4px;
			}
			li a {
				padding: 6px 12px;
			}
		}
		.feature-list {
			li {
				padding: 2px;
				font-size:16px;
				margin-bottom: 2px;
			}
		}
	}

	@media screen and (max-width: 550px) {
		.nav-list {
			li {
				margin-top:4px;
			}
		}
	}