body {

}

body, button, input, select, textarea {
  font-weight: 400;
  font-family: "Lato", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

h1, h2, h3, h4, h5, h6, .title {
  font-weight: 800;
  letter-spacing: .1rem;
  font-family: 'Montserrat', "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
  text-transform: uppercase;
}


article.message {
  -webkit-animation: fadein 2s; /* Safari, Chrome and Opera > 12.1 */
     -moz-animation: fadein 2s; /* Firefox < 16 */
      -ms-animation: fadein 2s; /* Internet Explorer */
       -o-animation: fadein 2s; /* Opera < 12.1 */
          animation: fadein 2s;
}
@keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Firefox < 16 */
@-moz-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Safari, Chrome and Opera > 12.1 */
@-webkit-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Internet Explorer */
@-ms-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}
/* Opera < 12.1 */
@-o-keyframes fadein {
    from { opacity: 0; }
    to   { opacity: 1; }
}

span.icon {
  vertical-align: middle;
}

.field:not(:last-child) {
  margin-bottom: 1rem;
}

.swatch {
  height: 16px;
  width: 16px;
  border-radius: 3px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1), 0 2px 4px 0 rgba(0, 0, 0, 0.1);
}

.bigSwatch {
  min-height: 10em;
  border-radius: 6px 6px 0 0;
}
  .bigSwatch p {
    color: #fff;
    text-shadow : 0 0 15px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1);
  }
a.freshButton {
  color: #000;
  margin: 1.5em 0 0.5em 0;
}
a.freshButton:hover {
  color: #000;
}
a.freshButton span {
  background-color: rgba(255,255,255,0.9);
  border-radius: 3px;
  padding: 0 0.5em 0 0.5em;
}

.hero h1 {
  font-size: 250%;
  text-transform: none;
  letter-spacing: 0;
}
.hero h1, .hero h2 {
  color: #fff;
  text-shadow : 0 0 15px rgba(0,0,0,0.3), 0 0 1px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1), 0 0 1px rgba(0,0,0,1);
}