@charset "utf-8";


/*Selector { declaration property: declaration value;*/
body{
    background-color: #3F2860;
    color: #40407A;
    font-family:Verdana, Geneva, Tahoma, sans-serif ;
}
#wrapper{
    width: 80%;
    margin-right: auto;
    margin-left: auto;
    background-color: #F5f5f5;
    min-width: 1000px;
    max-width: 1280px;
}
header{
    background-color: #80CBC4;
    background-image: url("images/lilyheader.jpg");
    height: 150px;
    background-repeat: no-repeat;
    background-position: right;
    text-align: center;
    
}

h1{
    padding-top: 50px;
    padding-left: 2em; 
    line-height: 200%;
}

nav{
    text-align: center; font-weight: bold; padding:1em;}

/*Descendant selector - specify an element within the context of it's container (parent) element*/
nav a{
    text-decoration: none;

}

.studio {
    font-style: italic;
}
main{
    padding: 0 2em;
}
img{padding: 0 1em;}

#hero{
    text-align: center;
}
footer{
    background-color: #80CBC4; font-size: .60em; font-style:italic;text-align: center;
}

#hero1{ margin-top: 30px; }
#hero1 img{ max-width:100%; height:auto; display:block; margin:0 auto; }