/*Documento CSS style_help_wanderly.css*/

body{
     background-attachment: fixed;
     background-image:url(/static/img/help-background.jpg);
     /*background-repeat: no-repeat;*/
}

 /*Pra dispositivos que tem uma largura mínima de 768 pixels. Tablets, por exemplo.*/
@media screen and (max-width: 720px) {
      #container, .h1, .h2, .h3, .h4, .span, .iframe, .blockquote, #seis, .img, #HCB_comment_box{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}

#container{
	 width: 72%;
	 height: 1200px;
	 border: 0.1em dotted white;
	 padding: 1em;
	 margin: 0 auto; 
	 background-color: #f5f5f5; /*white smoke*/
	 box-shadow: 0.1em 0.2em 0.1em 0.3em #CC6A13;/*o primeiro número é da sombra direita, o 2º é da parte debaixo*/
  }

iframe{
width: 45%;
}

blockquote{
    text-align: justify;
    font-family: cursive , "lucinda sans", verdana, sans-serif;
    font-size: 0.785em;
    color:goldenrod;
}

span{
max-width: 100%;
width: 100%;
}

pre{
-moz-hyphens:auto;
-ms-hyphens:auto; 
-webkit-hyphens:auto;
hyphens:auto;
word-wrap:break-word;
}
p{
  text-align: justify;
  font-family: Verdana, arial, "lucinda grande", "lucinda sans", sans-serif;
  }
  
 h1{
     font-family: Arial, "lucinda grande", "lucinda sans", verdana, sans-serif;
     color: brown;
     text-align:center;
     font-size: 3em;
  }
 
 h2{
color: #B00000;
text-align:center;
 }

 h3, h4{
     color: #002059;
     text-align:center;
 }

 em{
     color: #B00000;
  }
  
 #seis{
     margin-left: -20px;
  }
#quatro{
     margin-left: -40px;
  }