body {
	background-color: rgba(255, 255, 255, 1);
}  
h1 {
	text-align: center;
}
h2 {
	text-align: left;
	margin-left: 5em;
	color: rgba(111, 176, 206, 1);
	font-size: 1.6em;
	font-family: Arial, Helvetica; 
	font-weight: normal;                                         
}
ul {
	margin-left: 7em;
	list-style: none;
	color: rgba(254,160,24,1);	
}  
li {
	font-family: Helvetica, Arial, TimesNewRoman;   
	margin-bottom: 2em;
}
hr {
	border-color: rgb(111, 176, 206);
	background-color: rgb(111, 176, 206);
	margin-right: 0em;
	border-top: 1px;
}     
a {
	text-decoration: none;
}
h4 {
	font-weight: bold;
	font-size: 1.2em;
	margin-bottom: 0.8em;
	color: rgba(254,160,24,1);
}
h5 {
	color: rgba(21, 135, 187, 1);
	margin-top: 0em;
	margin-bottom: 0em;
	margin-left: 2em;
	font-size: 1em;
}
li tr p {
	margin-left: 2em;
}
li p {
	color: black;
	font-family: Arial;
	font-size: 1.0em;  
}    
img {
	border-radius: 15px;
}
#contact{
	text-align: center;
	color: rgb(81, 146, 176);
	margin-top: -2em;
	padding-bottom: 1em;
	font-family: Lucida Grande, Verdana;
	border-bottom: 0.5em solid rgb(111, 176, 206);
}    
footer{ 
	color: rgb(64, 146, 176);
	padding-top: 1em;
	border-top: 0.1em solid rgb(111, 176, 206);
	font-size: 0.8em;
	font-family: Arial;
}                  
#copyright{  
	text-align: center;
}
#snapshot_wrapper {
	height: 320px;
}
#canvas_wrapper {
/*	height: 150px;*/
	height: 320px;
	display: none;
	align-self:center;
	align-content:center;
}
#canvas {  
	width: 150px;  
	height:150px;
	display:flex;
	align-self: center;
}
.preview {
	justify-content: center;
	height: 320px;
	display: none;
}
video {
	display: -webkit-box;
	margin: auto;
	padding: 20px;
}