/* Changes the style of the overall form */
#mc_embed_signup{
    width: 96%
}

/* Adds extra space around the input boxes */
#mc_embed_signup .mc-field-group {
    padding: 10px 0;
    margin: 0;
    width: 100%
}

/* Styles the input boxes */
#mc_embed_signup .mc-field-group input {
    max-width: 400px;
    padding: 20px;
    border-radius: 0px;
    font-family: 'Inconsolata', monospace;
    text-align: center;
    font-size: 16px;
    margin: 0 auto;
}

/* Styles the subscribe button */
#mc_embed_signup  .button {
    text-align: center;
    background-color: #000;
    border-radius: 0px;
    margin: 0 auto;
    max-width: 400px;
    width: 100%;
    height: 60px;
    padding: 10px 0;
    font-family: 'Inconsolata', monospace;
    font-size: 16px;
}

#mc_embed_signup form {
  text-align: center;
}

#mc_embed_signup div.response {
  max-width: 400px;
  float: none;
  margin: auto;
  font-weight: normal;
  margin-bottom: 15px;
}

/* Responsive Classes */
@media (max-width: 30em){

  #mc_embed_signup .mc-field-group input {
    max-width: 320px;
  }

  #mc_embed_signup  .button {
    max-width: 320px;
  }

  #mc_embed_signup div.response {
    max-width: 320px;
  }

  .preview-container {
    display: flex;
    flex-direction: column-reverse;
  }

  .column-container {
    display: flex;
    flex-direction: column;
  }

  .orderA {
    order: 2;
  }

  .orderB {
    order: 1;
  }

  .orderC{
    order: 4;
  }

  .orderD{
    order: 3;
  }

}

/* Responsive hack for home page feed at lower end of the 
    "medium" breakpoint where text bursts out */
@media screen and (max-width: 36em) and (min-width: 30em) {
  .w-50-m {
    width: 100%;
  }
}

#instafeed img {

height: 250px;

}

.inconsolata {
  font-family: 'Inconsolata', monospace;
}

a,
a:visited,
a:hover {
   color: #FF6300;
}

.footerlogo {
  fill: #AAA;
}

.feed a {
  color: black;
}

.feed a:visited {
  color: black;
}