/*Documento CSS style_hinos_canticos.css*/

body  {    
    margin: 0;     
	padding: 0;    
	/*background: beige; /*#DDD;*/
	background-image:url(/static/img/nota-musical.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, hino,  pre, .p, .h3, .a, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}	
   
#container{  
	border: 1px dotted #87CEEB; /*SteelBlue87CEEB*/ 
        width: 55%;
	/*height:930px;*/
	padding: 1.25em;
	margin: 0 auto;
        background: beige;
	box-shadow: 0.1em 0.4em 0.5em 0.5em  #181818;
	}
.hino{
       border: 0.1em dotted #87CEEB; /*SteelBlue87CEEB*/
	width: 80%;
	padding: 1.25em;
	margin: 0 auto;
	text-align: center;
  }

.p{
text-align: justify;
}
 
   pre{
   font-size: 1.25em;
   text-align: center;
   }
   
 h2, h3, h4{
	color: #B00000;
	text-align:center;
  }

  
  p{
   font-size: 1.25em;
  }

   pre{
	-moz-hyphens:auto;  
	-ms-hyphens:auto;  
	-webkit-hyphens:auto;  
	hyphens:auto;  
	word-wrap:break-word; 
  }
 
#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;
}