@charset "utf-8";
body{font-family: 'Muli', sans-serif; color:#000; background-color:#fffbf2;}

.content{
	margin:auto;
	text-align:center;
    font-size: 18px;
    /* 100 = view port width, as 1vw = 1/100th of that
       So if the container is 50% of view port (as here)
       then factor that into how you want it to size.
       Let's say you like 5vw if it were the whole width,
       then for this container, size it at 2.5vw (5 * .5 [i.e. 50%])
    */
	line-height:1.2em;
	font-weight:100;
	color: #b6584c;
	margin-top:5%;
}
.images img {width:100%;
max-width:706px;
margin-bottom:50px;
margin-left:-2%;
}
h1{font-size:2em;
 letter-spacing:0.5em; font-weight:100;}
h2{font-size:1em;
text-transform:lowercase; font-weight:100;}
p{margin:0; font-weight:100;}
a{color:#b6584c; text-decoration:none; font-weight:100;}
/*html { 
  background: url(images/bg1.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}*/