#subscribe-footer
{
background-color: #000;
color: #fff;
font-size: 16px;
line-height: 1.1;
letter-spacing: -.5px;
font-family: Arial, sans-serif;
text-align: center;
}

#mc_embed_signup
{
padding: 3em 0 4em;
}

#mc_embed_signup, .mc-field-group
{
width: 42vw;
margin: 0 auto;

}

#mc_embed_signup h2
{
margin: 0 0 .5em;
letter-spacing: -1px;
}

#mc_embed_signup label
{
display:block;
margin-bottom: 1em;
}

#mc_embed_signup .email, #mc-embedded-subscribe
{
font: 15px/1.5 Arial, sans-serif;
border-radius: 3px;
}

#mc_embed_signup .email
{
font: 15px/1.5 Arial, sans-serif;
border: 0;
float: left;
width: 25vw;
padding: .5vw 1vw;
}

#mc_embed_signup .email:focus
{
box-shadow: 0 0 15px #999;
-webkit-transition: all 0.1s ease-out; 
-moz-transition: all 0.1s ease-out; 
-o-transition: all 0.1s ease-out; 
transition: all 0.1s ease-out;
}

#mc-embedded-subscribe
{
width: 10vw;
min-width: fit-content;
color: #fff;
font-size: 1.3em;
font-weight: bold;
letter-spacing: -1px;
background-color: #000;
border: 4px solid;
padding: 0 .7vw;
cursor: pointer;
}

#mc-embedded-subscribe:hover
{
-webkit-transition: all 0.1s ease-out; 
-moz-transition: all 0.1s ease-out; 
-o-transition: all 0.1s ease-out; 
transition: all 0.1s ease-out;
background-color: red;
border-color: red;
}

#mc-embedded-subscribe:active
{
-webkit-transition: all 0.2s ease-out; 
-moz-transition: all 0.2s ease-out; 
-o-transition: all 0.2s ease-out; 
transition: all 0.2s ease-out;
outline: 8px solid #000;
outline-offset: 5px;
transform: scale(1.1);
}

/* Mobile adaptations */

@media screen and (max-width: 900px)
{
#mc_embed_signup, .mc-field-group
{
width: 60vw;
}

#mc_embed_signup .email
{
width: 35vw;
}

#mc-embedded-subscribe
{
width: 20vw;
}
}


@media screen and (max-width: 600px)
{
#mc_embed_signup, .mc-field-group
{
width: 80vw;
}

#mc_embed_signup .email
{
width: 40vw;
}

#mc-embedded-subscribe
{
width: 30vw;
}
}