div.metricssection
{
	position: relative;
	background-color: #00a4de;
	/*background-color: #eeeeee;*/
	height: auto;
	width: 100%;
/*	padding: 2rem 0rem;*/
	z-index: 20;
	text-align: center;
	font-size: 0px;
}

div.metricssectionhead
{
	color: #ffffff;
	width: 25em;
	letter-spacing: 0.5em;
}

div.metricsbodycontain
{
	display: inline-block;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	/*background-color: red;*/
}

div.metricsanimcontain
{
	display: inline-block;
	text-align: center;
	/*font-size: 2rem;*/
	/*font-weight: lighter;*/
	color: #ffffff;
/*	width: 80vw;*/
}

video.metricsanim
{
	display: block;
/*	width: 100%;
	height: 100%;*/
/*	margin: 0rem auto;*/
	min-width: 85vw;
	max-width: 85vw;
/*	min-height: 100%;*/
	margin-top: 7.5%;
	margin-bottom: 7.5%;
	margin-left: auto;
	margin-right: auto;
}

video.metricsanim43
{
	display: block;
	min-width: 85vw;
	max-width: 85vw;
	margin-top: 7.5%;
	margin-bottom: 7.5%;
	margin-left: auto;
	margin-right: auto;
}

div.metricsheadtext
{
	margin-top: 1.0rem;
	color: #ffffff;
}

div.metricsinfocontain
{
	display: none;/*inline-block;*/
	position: relative;
	width: 15rem;
	height: 100%;
	margin-left: 5rem;
	vertical-align: top;
	/*background-color: coral;*/
	/*border: 1px solid black;*/
}

div.metricsinfo
{
	display: block;
	position: relative;
	top: 0rem;
	bottom: 0rem;
	text-align: left;
	color: #333333;
	width: 100%;
	margin-top: 0px;
	margin-bottom: 0px;
}


@media only screen and (min-width: 1600px)
{
	/*div.whowesection {height: 45rem;}*/
	div.metricssection {padding: 3rem auto;}
	/*div.whowebody {font-size: 2.5rem;}*/
}

@media only screen and (max-width: 999px)
{
	/*div.whowesection {height: 30rem;}*/
	/*div.whowebody {font-size: 2.5rem;}*/
/*	div.metricsbodycontain {width: 100%;}
	div.metricsanimcontain {width: 90%;}
	div.metricsinfocontain {width: 90%; height: auto; margin-left: 0rem;}
	div.metricsinfo {width: 100%;}*/
}

@media only screen and (orientation:portrait)
{
	/*div.metricsanimcontain {width: auto; height: 90vh;}*/
/*	video.metricsanim {width: 80vw; height: auto; min-width: 100%;}*/
}

@media only screen and (max-width: 500px)
{
	div.metricssectionhead {width: 18em; letter-spacing: 0.15em; margin-left: 0.15em;}
}

@media only screen and (min-aspect-ratio: 16/9)
{
	/*div.metricsanimcontain {width: auto; height: 90vh;}*/
	video.metricsanim {min-width: 0%; min-height: 85vh; max-height: 85vh;}
}

@media only screen and (min-aspect-ratio: 4/3)
{
	video.metricsanim43 {min-width: 0%; min-height: 85vh; max-height: 85vh;}
}