@import url("https://fonts.googleapis.com/css?family=Montserrat&display=swap");
.u-bold {
  font-weight: bold !important; }

.u-semibold {
  font-weight: 600 !important; }

.u-regular {
  font-weight: normal !important; }

.u-light {
  font-weight: 300 !important; }

.u-italic {
  font-style: italic !important; }

.u-caps {
  text-transform: uppercase !important; }

.u-left-align {
  text-align: left !important; }

.u-center {
  text-align: center !important; }

.u-right-align {
  text-align: right !important; }

img.alignright {
  float: right;
  margin: 0 0 1em 1em; }

img.alignleft {
  float: left;
  margin: 0 1em 1em 0; }

img.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.alignright {
  float: right; }

.alignleft {
  float: left; }

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto; }

html,
body,
p,
ol,
ul,
li,
dl,
dt,
dd,
blockquote,
figure,
fieldset,
legend,
textarea,
pre,
iframe,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0; }

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: normal; }

ul {
  list-style: none; }

button,
input,
select,
textarea {
  margin: 0; }

html {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

*, *:before, *:after {
  -webkit-box-sizing: inherit;
          box-sizing: inherit; }

img,
embed,
iframe,
object,
audio,
video {
  height: auto;
  max-width: 100%; }

iframe {
  border: 0; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0;
  text-align: left; }

html, body {
  height: 100%; }

body {
  background-color: #fff;
  color: #fff;
  font-family: "Montserrat", serif;
  font-size: calc(15px + 0.3vw);
  line-height: 1.5;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

img {
  max-width: 100%;
  vertical-align: middle; }

.gm-style img,
img[width],
img[height] {
  max-width: none; }

p {
  margin-bottom: 1em;
  margin-top: 0; }

p.lead {
  font-size: calc(1.3rem + 0.3vw); }

h1, h2, h3, h4, h5, h6 {
  font-size: 1em;
  margin-bottom: 1em; }

.btn {
  color: #fff;
  background-color: #CC66FC;
  border-radius: 20px;
  padding: 0.4rem 2rem;
  text-decoration: none;
  font-family: Arial;
  margin: 1rem 0 2rem 0;
  text-transform: uppercase;
  font-size: 0.9rem; }
  .btn:hover {
    color: #0B2F4E; }

a {
  color: #fff; }

a:focus,
a:hover {
  color: #fff;
  text-decoration: underline; }

.global-container {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  width: 100%;
  min-height: 100%; }

.logo-container {
  padding: 2rem 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 50em) {
    .logo-container {
      min-height: 40vh; } }
  @media (min-width: 80em) {
    .logo-container {
      min-height: 50vh; } }

.logo {
  width: 140px; }
  @media (min-width: 50em) {
    .logo {
      width: 180px; } }
  @media (min-width: 80em) {
    .logo {
      width: 250px; } }

.content {
  -webkit-box-flex: 1;
  -webkit-flex: 1;
      -ms-flex: 1;
          flex: 1;
  min-height: 50vh;
  padding: 1rem;
  background: #0B2F4E;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center; }

header {
  border-bottom: 1px solid #ddd;
  padding: 1em 0; }

header h1 {
  margin: 0; }

section {
  margin: 4rem 0; }

.subtitle {
  color: #6a6a6a;
  text-transform: uppercase;
  font-size: 1.4rem;
  font-weight: 400; }

@media (min-width: 50em) {
  .swatch-container {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
        -ms-flex-pack: justify;
            justify-content: space-between; } }

.swatch {
  min-height: 160px;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center; }
  @media (min-width: 50em) {
    .swatch {
      width: 22%; } }

.swatch--primary {
  background: #0B2F4E; }

.swatch--secondary {
  background: #CC66FC; }

.swatch--tertiary {
  background: #036F73; }

.swatch--quaternary {
  background: #F49F11; }

.swatch__meta {
  font-family: Menlo, "Bitstream Vera Sans Mono", "DejaVu Sans Mono", Monaco, Consolas, monospace;
  color: #fff;
  text-align: center;
  font-size: 0.9rem; }

.swatch__hex {
  display: block; }

.icon {
  margin: 0 0.4em; }
  .icon:hover {
    opacity: 0.8; }

.icon--twitter {
  color: #1DA1F2; }

.icon--facebook {
  color: #3B5998; }

.icon--youtube {
  color: #cc181e; }

/*# sourceMappingURL=maps/origin.css.map */