/* GLOBAL STYLES */
html, body {margin: 0; padding: 0; width:100%;}
h1, h2, p, .mc_form {font-family: 'Open Sans', sans-serif; margin:0; padding:0;}
h1 {font-size:3em; font-weight: 300; line-height: 1em; margin-bottom:1em;}
h2 {font-size:2em; font-weight: 300; line-height: 1em; margin-bottom:1em;}
p, .mc_form {font-size:0.9em; font-weight: 400; line-height: 1.5em;}
button, .button {padding:1em 5em; margin:2em 0; background-color: rgb(245, 181, 0); color:white; font-size: 16px; text-transform: uppercase;}
button:hover {background-color: rgb(245, 171, 0);}

/* SECTION: HEADER */
section.header {width:100%; height:700px; display:block; background: url(images/image_header.jpg) no-repeat; background-size: cover;}
section.header .content {width:50%; margin: 0 auto; padding-top: 10%; text-align: center; color:white; box-sizing:border-box;}

/* SECTION: ABOUT */
section.about {width:100%;margin:0 auto; text-align:center; display:block;}
section.about div {width:60%; height: 100%; display:inline-block; box-sizing:border-box;}
section.about div.copy {padding:5%; box-sizing:border-box;margin: 0 auto; text-align: center;}
section.about div.image {background: url(images/image_about2.jpg) no-repeat; background-size:cover;}

/* SECTION: SIGNUP */
section.sign_up {width:100%; display:inline-block; background-color: rgb(245, 181, 0); padding: 5% 0;}
section.sign_up div.mc_form {width: 40%; background: white; margin: 0 auto; padding: 3%;}
div.mc_form input#mce-FNAME, div.mc_form input#mce-EMAIL, div.mc_form input#mce-LNAME {width:50%; height:30px; border: solid thin #eee;}
div.mc-field-group label {width:30%; display: inline-block;}
div.mc_form ul li label {width:auto;}
div.mc_form li {list-style: none;}
.mc-field-group .input-group {width:10%;}

/* SECTION: PARTNERS */
section.partners {width:100%; height: auto; display:block; padding-top:5%;}
section.partners .content {text-align: center;}
section.partners ul {display:block; margin: 5% auto; padding:0;}
section.partners ul li {width:33%; display: inline-block; margin-bottom: 1em;}

/* SECTION: FOOTER */
footer {width:100%; background:black; text-align: center; color:white; padding:1%;}
footer a:link, footer a:visited, footer a:active {color:#0af; text-decoration: none;}

/* TABLET AND PHONE */
@media screen and (max-width: 1024px) and (min-width: 0px) {
	h1 {font-size:2em;}
	section.header, section.about {height:auto;}
	section.about div {width:100%; display:block;}
	section.sign_up div.mc_form {width:75%;}
	section.partners ul li {width:100%; display:block;}
	}