body, html {
		margin:0;
		padding:0;
		width:100%;
		height:100%;
		background-color: #FCFCFC;
	}
	
	header {
		width: 100%;
		background-color: #061A2C;
		box-shadow: 0px 1px 1px #000;
		display: block;
	}
	
	/* Background Image */
	.mainBackgroundImage{
		background-image: url("../images/WoodBanner.JPG");
		height: 100%; 
		background-position: center;
		background-repeat: no-repeat;
		background-size: cover; 
	}


	/* Question banner on top of page */
	.informativeHeader{ 
		background-color: #c2b59b;
	}
	/* Informative Questiosn text in banner on top of page */
	.informativeHeaderText{
		color: white;
		font-size: 16px;
		font-family: "helvetica neue", "sans-serif"; 
		letter-spacing: 1px;
		line-height: 30px;
		text-align: right;
		padding: 5px 20px;
	}


/* Homepage Styles */

    .hidden.menu {
      display: none;
    }

    .masthead.segment {
      min-height: 700px;
      padding: 1em 0em; 
    }
    .masthead .logo.item img {
      margin-right: 1em;
    }
    .masthead .ui.menu .ui.button {
      margin-left: 0.5em;
    }
    .masthead h1.ui.header {
      margin-top: 3em;
      margin-bottom: 0em;
      font-size: 4em;
      font-weight: normal;
    }
    .masthead h2 {
      font-size: 1.7em;
      font-weight: normal;
    }

    .ui.vertical.stripe {
      padding: 8em 0em;
    }
    .ui.vertical.stripe h3 {
      font-size: 2em;
    }
    .ui.vertical.stripe .button + h3,
    .ui.vertical.stripe p + h3 {
      margin-top: 3em;
    }
    .ui.vertical.stripe .floated.image {
      clear: both;
    }
    .ui.vertical.stripe p {
      font-size: 1.33em;
    }
    .ui.vertical.stripe .horizontal.divider {
      margin: 3em 0em;
    }

    .quote.stripe.segment {
      padding: 0em;
    }
    .quote.stripe.segment .grid .column {
      padding-top: 5em;
      padding-bottom: 5em;
    }

    .footer.segment {
      padding: 5em 0em;
    }

    .secondary.menu {
      display: none;
      background-color: #c2b59b;
    }

    .secondary.menu .item {
      display: block;
    }
	
	/* Small Screens */
    @media only screen and (max-width: 700px) {
      .ui.fixed.menu {
        display: none !important;
      }
      .secondary.menu {
        display: block;
      }
      .informativeHeader{
        display: none;
      }
      .masthead.segment {
        min-height: 350px;
      }
      .masthead h1.ui.header {
        font-size: 2em;
        margin-top: 1.5em;
      }
      .masthead h2 {
        margin-top: 0.5em;
        font-size: 1.5em;
      }

      .ui.vertical.stripe {
        padding: 2em 0em;
    }

	}


/* SEMANTIC EDITS */
.ui.menu { 
	
	    font-family: 'roboto', Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
}

.ui.header {
    font-family: 'roboto', Lato, Helvetica Neue, Arial, Helvetica, sans-serif;
	
}

.ui.button {
 font-family: 'roboto', Lato, Helvetica Neue, Arial, Helvetica, sans-serif;

}

.ui.secondary.inverted.pointing.menu{
	border: none;
}
	

.ui.green.buttons .button, .ui.green.button {
    background-color: rgb(0, 199, 140);
}

.ui.green.buttons .button, .ui.green.button:hover {
    background-color: rgb(0, 189, 130);
}