body {
text-align: center;
height: 100%;
background-color: black;
color: white;
font-size: 14pt;
align-items: center;
justify-content: center;
margin: 0;
min-width:500px;
}

.img{
width:100%;
position:relative;
margin-bottom:200px;
align-items: center;
justify-content: center;
text-align: center;
}

.lazy{
max-width: 100%;
height: auto;
}

.header1{
background:#0057b7;
position:fixed;
height:40px;
width:100%;
z-index:100;
font-size: 16pt;
padding:4px;
}

.header2{
position:fixed;
top:40px;
height:40px;
background:#ffd700;
width:100%;
z-index:100;
font-size: 16pt;
padding:0px;
}

.capt {
width:100%;
font-size: 16pt;
/*position:absolute;*/
bottom:15px;
text-shadow: 2px 2px 2px rgba(0,0,0,1);
align-items: center;
justify-content: center;
text-align: center;
}

a.white {
color:#fff
}

video {
padding-top:100px;
width: 100%    !important;
height: auto   !important;
max-width:500px;
}

#cnnLabel {
line-height:15px;
position:absolute;
top:2px;
left:10px;
z-index:150;
color:#0057b7;
font-size: 14pt;
}

.headerle{
white-space:nowrap;
width:200px;
}

#tabs{
top: 120px;
margin-bottom: 150px;


}

.demoHeaders {
	margin-top: 2em;
    }
/*    #dialog-link {
	padding: .4em 1em .4em 20px;
	text-decoration: none;
	position: relative;
    }
    #dialog-link span.ui-icon {
	margin: 0 5px 0 0;
	position: absolute;
	left: .2em;
	top: 50%;
	margin-top: -8px;
*/    }
/*    #icons {
	margin: 0;
	padding: 0;
    }
    #icons li {
	margin: 2px;
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
    }
    #icons span.ui-icon {
	float: left;
	margin: 0 4px;
    }
    .fakewindowcontain .ui-widget-overlay {
	position: absolute;
    }
    select {
	width: 200px;
    }*/


@media screen and (max-width: 600px) {
body {
font-size: 12pt;
}

video {
padding-top:100px;
max-width:400px;
}
.img{
margin-bottom:100px;
}
.capt {
font-size: 12pt;
}
}