/*-----------------------------------------------*/
/*               Wild Wood CSS               */
/*                                               */
/*                                               */
/*---------------------------------------------- */

/* Really Small screens like the iPhone 5 */
@media only screen and (max-width: 350px) {
  html, body {
    font-size: 12px;
  }

  .content {
    padding-top: 5%;
  }

  .newlogo {
      max-width: 260px;
      padding-top: 5%;
  }

  h1 {
    font-size: 1.2em;
    /* color: blue;*/
  }

  .socialicons {
    margin-left: 6px;
    margin-right: 6px;
    border: 0pt none;
    height: 25px;
    width: 25px;
  }

  #mc_embed_signup input.email {
    width:230px;
  }
}

/* Mobile Devices */
@media only screen and (min-width: 350px) {
  html, body {
    font-size: 16px;
  }

  .content {
    padding-top: 5%;
  }

  .newlogo {
    padding-top: 12%;
    max-width: 280px;
  }

  h1 {
    font-size: 1.4em;
    /* color: green;*/
  }

  .socialicons {
    margin-left: 8px;
    margin-right: 8px;
    border: 0pt none;
    height: 30px;
    width: 30px;
  }

  #mc_embed_signup input.email {
    width:290px;
  }
}

/* Mobile Devices */
@media only screen and (min-width: 1000px) {
  html, body {
    font-size: 16px;
  }

  .content {
    padding-top: 2%;
  }

  .newlogo {
    padding-top: 4%;
    max-width: 380px;
  }

  h1 {
    font-size: 1.4em;
    /* color: red;*/
  }

  .socialicons {
    margin-left: 8px;
    margin-right: 8px;
    border: 0pt none;
    height: 30px;
    width: 30px;
  }

  #mc_embed_signup input.email {
    width:290px;
  }
}

/* Everything Else */
html, body {
  height: 100%;
  color: #ffffff;
  display: flex;
  flex-direction: column;
  font-family: Georgia, Times, "Times New Roman", serif;
  background-image:url('../images/background.png');
  background-size: 40%;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center;
  background-color: #000000;
}

.content {
  display: block;
  margin: 0 auto;
  text-align:center;

}

.social {
  padding-top: 5%;
  display: block;
  text-align:center;
}

.newlogo {
    display:block;
    margin: 0 auto;
    width: 90%;
}


#mc_embed_signup_scroll {text-align:center;}
#mc_embed_signup form {text-align:center; padding:10px 0 10px 0;}
.mc-field-group { display: inline-block; } /* positions input field horizontally */
#mc_embed_signup input.email {font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,Verdana,sans-serif;  border: 0.5px solid #ffffff;  font-size: 0.875em; color: white; background-color: transparent; box-sizing:border-box; height:32px; padding: 0px 0.4em; display: inline-block; margin: 0;  vertical-align:top;}
#mc_embed_signup label {display:block;  padding-bottom:10px;}
#mc_embed_signup .clear {display: inline-block;} /* positions button horizontally in line with input */
#mc_embed_signup .button {font-size: 13px; border: none;   border: 0.5px solid #ffffff; box-sizing:border-box; height:32px; line-height:32px; padding:0 18px; display: inline-block; margin: 0; transition: all 0.23s ease-in-out 0s;}
#mc_embed_signup .button:hover {background-color:#777; cursor:pointer;}
#mc_embed_signup div#mce-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:70%;margin: 0 5%; clear: both;}
#mc_embed_signup div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#mc_embed_signup #mce-error-response {display:none;}
#mc_embed_signup #mce-success-response {color:#529214; display:none;}
#mc_embed_signup label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}
#mc-embedded-subscribe {background-color: transparent; background-repeat:no-repeat; width:36; height:32; background-image:url('/images/emailsendicon.png');}