@charset "UTF-8";
/* CSS Document */
body { font-family: "nouvelle-vague",sans-serif; font-family: "inria-serif" ,sans-serif; margin: 0px; background-image: url("Images/WillowTreeBG.png");}
div.wrapper {width:1140px; margin:0 auto;}
div.header {background-image: linear-gradient(to right, rgba(253,188,91,50%), rgba(191, 177, 107, 30%));}


/*HEADER STUFF*/
div.header div.wrapper {display:flex; width: 1500px}
div.header div.wrapper ul {margin-top:45px; margin-left:140px; font-size:34px; font-family: "nouvelle-vague",sans-serif;}
div.header div.wrapper ul li {display:inline-block; margin-right:6px; padding-right:6px;}
div.header div.wrapper ul li.last {border:none;}
div.header div.wrapper ul li a {color:#12393d; text-decoration:none; transform: scale(.2s);padding-bottom: 13px;}
div.header div.wrapper ul li a:hover {color:#8c734e; transform: scale(1.1); background: url("Images/WillowTreeUNDERLINE.png") bottom center no-repeat;}

/***CONTENT***/
div.content {background:url("Images/WillowTreeLEAVES.right.png") top right repeat-y, url("Images/WillowTreeLEAVES.left.png") top left repeat-y; padding-bottom: 50px;}
a.CTA {background: url("Images/WillowTreeRISINGSUN.button.png") top center no-repeat; font-size: 70px; color:#12393d; text-decoration:none; padding-top: 330px; padding-bottom: 100px; padding-left: 30px; padding-right: 30px; margin-bottom: 30px; float: right; margin: auto;}
div.content div.wrapper {display:flex;}
div.right {width: 70%;}
div.left {width: 60%;}
img.slogan {margin: 0 auto; width: 600px; display:block;}

/**IMAGE PLACEMENT**/
div.left img {width: 110%; height: 80%; margin-top: 23px;}


/*OTHER*/
html {}
h1 {font-size: 70px; color: #12393d; text-align: center;}