body, html {
  height:100%;
  width:100%;
}

div {
 width: 100%;
    border: 0;
	 margin: auto;
	 max-width:1000px;
}



img {
display: block;
    margin: auto;
    width: 100%;
    height: auto;
	max-width: 1000px;
}

.promises {
  width:70%;
  height:auto;
  max-width:1000px;
  _border:solid 1px red;
  text-align:center;

}


#fadeshow
{
  display:block;
  width:100%;
  max-width:1000px;
  border:solid 1px red;
}

.embed-container {
  position: relative; 
  padding-bottom: 56.25%; /* ratio 16x9 */
  height: 0; 
  overflow: hidden; 
  width: 100%;
  height:auto;
  max-width:1000px;
  max-height:563px;

}
.embed-container iframe {
position: absolute; 
  top: 0; 
  left: 0; 
  width: 100%; 
  height: 100%; 
  max-width:1000px;
  max-height:563px;
}



p
{
	width:100%;
	margin:auto;
	max-width:979px;
	font-family:Courier New, Courier, monospace;
	font-size:8pt;
	line-height:8pt;
	color:black;
	text-align:center;
}

@media screen and (max-width:900px) {

.promises {
  width:100%;
  height:auto;
  _border:solid 1px red;
  text-align:center;

}


}