@charset "UTF-8";
/* CSS Document */

@media (max-width: 600px) {
  html{
    font-size: 62.5%;
  }
}

@media (max-width: 360px) {
  html{
    font-size: 42.5%;
  }
}

body { background-color: #382e25; margin: 0 auto; width: 90%; position: relative;}

h1 { color: #ad784e; text-shadow: black 0.3em 0.3em 0.2em; } 

h2 { color: #bcb8c2; text-shadow: black 0.2em 0.2em 0.2em;  }

p, blockquote { color: #faf6ea;
    text-shadow: black 0.1em 0.1em 0.2em; }

.container
{
    position:relative;
    margin: 0 auto;
    width: 90%;
}

.image
{    
    position:absolute;
    width: 100%;
    min-width: 360px;
    left:0;
    top:0;
}
.text
{
    z-index:100;
    position:absolute;    
    color:white;
    font-size: 1.5em;
    left: 1em;
    top: 1em;
}