*{
  box-sizing: border-box;
}

html {
    width:100%;
    height:100%;
}
body {
    width:100%;
    height:100%;
    margin:0px;
    position:relative;
}
.logo {
    display: block;
    margin: 0 auto;
}

#mc_embed_signup{
  z-index: 99;
  margin-top: -30px;
}

#mc_embed_signup_scroll label{
  display: block;
  text-align: center;
  font-size: 16px;
}

#mc_embed_signup_scroll input{
  display: block;
  margin: 15px auto;
}

.email{
  height: 40px;
  width: 350px;
  border: 1px solid #6dadc9;
  border-radius: 3px;
  padding: 12px 15px;
  outline: none;
  font-size: 16px;
  transition: 275ms all ease-in-out;
}

.email::placeholder{
  color: #444;
}

.email:focus, .email:active{
  box-shadow: 0px 0px 4px 0px #009fe3;
}

.button{
  background: #009fe3;
  text-transform: uppercase;
  color: #fff;
  cursor: pointer;
  padding: 15px;
  border-radius: 3px;
  border: none;
  transition: 275ms all ease-in-out;
}

.button:hover{
  box-shadow: 0px 0px 6px 0px #009fe3;
}