/*Documento CCS style_historia_de_dores_da_vitoria.css*/

body  {    
        margin: 0;     
	padding: 0;    
	background: beige; /*#DDD;*/
	background-image:url(/static/img/folhas-escuras.jpg);
	/*background-repeat: no-repeat;*/
	 background-attachment: fixed;
	} 

   /*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}		     
#container{
        width: 55%;
	/*height:930px;*/
	border: 0.1em dotted black;
	padding: 1.6em;
	margin: 0 auto;
        background: beige;
        box-shadow: 0.1em 0.5em 0.625em 0.1em;
	}
h1{
   color: #B00000;
   text-align:center;
}
h2{
  color: #002088;
   text-align:center;
}
	
h3{
   padding-top: 10px;
   color: #B00000;
   text-align:center;
} 	
	
h4{
  /*border:1px dotted black;*/
  width: 100%;
  height:240px;
  background-image:url(/static/img/mapa-brasil.jpg);
  background-repeat: no-repeat;
  background-position: top center;
}   
 em{
    font-size: 1.125em;  
    color: #B00000;
 } 
 
li{
  color: #002088;
  font-size: 1.125em;
}	
  
  p{
   padding-left:3%;
   font-size: 1.125em;
   text-align: justify;
  }

#footer{  
    border: 0.1em dotted #87CEEB; /*SteelBlue87CEEB*/  
    height: 80px;
    margin-top: 45px;/*desloca o rodapé dentro da div container, 5px o deixa colado a parte de baixo*/
    text-align: center;
}