*{box-sizing: border-box;}

/*This changes the background and the color/font of all the text in the body*/
body { background-color: #EAEAEA; 
       color: #666666; 
       font-family: Arial, Helvetica, sans-serif;
    }


#wrapper {
    margin-left: auto; margin-right: auto;
    width: 80%;
    min-width: 960px;
    max-width: 2048px;
    background-image: linear-gradient(to bottom, #ffffff, #dbac98);
    background-color: 	#eec1ad;
    border: 1px solid #000033;
    box-shadow: 3px 3px 3px #333333;
}

/*Changes background color and colro of heading, as well as adding an image on the right hand side of the header.*/
header { background-color: 	#eec1ad; 
         color: #ffffff; 
         height: 120px;
         padding-top: 30px;
         padding-left: 3em;
         text-align: center;
        }

header a{
    text-decoration: none;
    color: white;
}

header a:link{
    color: white;
}

header a:visited{
    color: white;
}

header a:hover{
    color: #90c7e3;
}

/*Changes h1 font*/
h1 {margin-bottom: 0; 
    font-family:Georgia, "Times New Roman", Times, serif;
    font-size: 3em;
    letter-spacing: 0.25em;
    margin-left: center;
    margin-right: center;
    }
/*Changes nav background color and bolds it*/
nav { float: left;
      width: 160px;
      font-weight: bold;
      font-size: 120%;
      padding: 1.5em;
    }

nav a {
    text-decoration: none;
    padding-left: .5em;
    padding-right: .5em;
}

nav ul{
    list-style-type: none;
    margin: 0;
    padding-left: 0;
    font-size: 1.2em;
}

nav a:visited{
    color: #c98276;
}

nav a:hover{
    color: #e35d6a;
}


main {
    float: center;
    margin-left: 190px;
    margin-right: 190px;
    padding: 1px 20px 20px 20px;
    display: block;
    overflow-y: auto;
    background-color: #ffffff;
    font-family: 'Times New Roman', Times, serif;
}


section{
    float: left;
    width: 33%;
    padding-left: 2em;
    padding-right: 2em;
}

/*CHanges color of h2 and font*/
h2 { color: #333131; 
     font-family: Georgia, 'Times New Roman', Times, serif;
     text-shadow: 1px 1px 1px #cccccc;
    }
/*Changes h1 font and color*/
h3 {
    font-family: 'Times New Roman', Times, serif;
    color: #000033;
}

dt { color: #002171; 

    }
footer {
    margin-left: 190px;
    margin-right: 190px;
    padding: 2em;
    font-family: Georgia, 'Times New Roman', Times, serif;
    font-size: 75%;
    font-style: italic;
    text-align: center;
}
.hub { color: #c98276;
          font-weight: bold;
}

#contact {
    font-size: 90%;
}

#indexhero{
    margin-left: 190px;
    height: 300px;
    background-image: url(homepage.jpg), url(IMG-9586.jpg), url(yes.png);
    background-position: left, 39% 50%, 77.6% 50%;
    background-size: 23.4% 97%, 39% 97%, 18.7% 97%;
    background-repeat: no-repeat;
}

#abouthero{
    height: 300px;
    margin-left: 190px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#galleryhero{
    height: 300px;
    margin-left: 190px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#contacthero{
    height: 300px;
    margin-left: 190px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}
#qnahero{
    height: 300px;
    margin-left: 190px;
    background-size: 100% 100%;
    background-repeat: no-repeat;
}