/*Documento CSS style_seu_recado.css*/
body{
     background-color: #000000;
     height: 160px;
     background: beige url(/static/img/faixa-preta-azul.jpg);
     /*background: url(/static/img/bg-body.gif);*/
     /*box-shadow: 50px 60px 60px 50px #000000;*/
     background-repeat: repeat-x;
     margin-top: 10px;
 }

 /*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .h1, .li, .p, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
 #container{ 
	border: 0.1em dotted #000;
	width: 55%;
	height: 600px;
	margin:0 auto;
	margin-top: 135px;
	padding-left: 1.25em;
	padding-right: 1.25em;
	background-color: #FFFFFF;
}
.p{
color:#CC9900;
}
 p{
  width: 90%;
  border: 0.1em dotted black;
  text-align: justify;
  padding: 0.5em;
 }
  
 li{
     color: #B00000;
     font-size:1em;
  }
  
 
 h2, h3{
	color: #002059;
	text-align:center;
 }

 h4{
     color: #B00000;
  }
    
 em{
     color: #B00000;
  }
   
#footer{  
    /*border: 0.1em dotted #87CEEB; SteelBlue87CEEB*/  
    margin-top: 200px;/**/
    text-align: center;
}