/*Documento CSS  style_artes.css*/
    body{
        background-attachment: fixed;
        /*background-color:#F8F8F8;*/
	background-image:url(/static/img/letter-paper-flowers.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) {
         .h1, #imagem, .p, .a, #footer{
	  min-width: 240px;
	  width: 240px;
	 /*background-color: aqua;*/
  }
}
 h1{
margin: 1.6em; 
font-family: "Segoe Print", "lucinda grande", "lucinda sans", verdana, sans-serif;
font-style:italic; /*pode-se escolher entre oblique, normal, inherit*/
font-weight: bold; /*define a tonalidade da fonte baseado em um parâmetro chamado peso varia de 100 a 900*/ 
text-align: center;
font-size: 2em;
color:#6B8E23;
}
	

p{
width: 220px;/*largura da div*/
border: 1px dotted #3CB371;/*#E3BC58;*/
/*margin: 0 auto;*/
border-radius: 20px; 
-moz-border-radius:20px;
-webkit-border-radius:20px;
padding: 12px; /*desloca o texto da margem esquerda da div. Não do browser*/
text-align: center;
background-color: #F8F8F8;
 } 
       
#imagem{
position: relative;
width: 40%;/*largura da div*/
height:500px;/*altura da div*/
margin: -32% auto; /*-450px 400px 20px;/*aumentando o primeiro número a div sobe para a margen superior do browser. O segundo desloca a 
div para a direita e o terceiro aumenta ou diminui o espaço inferior entre uma div e outra*/
padding: 1.4em;/*afasta o texto da margem superior da div e não do browser*/
background-image:url(/static/img/adalgisa/rosas.jpg);
background-repeat: no-repeat;
background-size: 100% 100%;
box-shadow:0.1em 0.5em 0.5em 0.1em #000; /*#8B4513;/*sombra ao redor da div*/
}

a{
/*e todas as propriedades que ele terá*/
font-family: "Segoe Print", "Comic Sans MS", "Challenge Extra Bold", Arial, Helvetica, sans-serif;
/*Obs: Colocar mais de uma fonte, porque o browser escolhe a que tiver instalada.*/
font-size:1.4em;
color: #6B8E23;
text-decoration: none;
}
#footer{
	display: block;
	position: relative;
	float: left;
	width: 100%; 
	height:	100px;
	margin-top: 250px;
	text-align: right;
         }