/*! HTML5 Boilerplate v5.0 | MIT License | http://h5bp.com/ */

html {
  color: #222;
  font-size: 1em;
  line-height: 1.4;
}

::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}

::selection {
  background: #b3d4fc;
  text-shadow: none;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}

fieldset {
  border: 0;
  margin: 0;
  padding: 0;
}

textarea {
  resize: vertical;
}

.browserupgrade {
  margin: 0.2em 0;
  background: #ccc;
  color: #000;
  padding: 0.2em 0;
}


/* ==========================================================================
   General styles taken from Instagram
   ========================================================================== */

a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{margin:0;padding:0;border:0;font:inherit;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:after,blockquote:before,q:after,q:before{content:none}
table{border-collapse:collapse;border-spacing:0}

#react-root,article,div,footer,header,main,nav,section{-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;border:0 solid #000;box-sizing:border-box;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-negative:0;flex-shrink:0;margin:0;padding:0;position:relative}

body{overflow-y:scroll}#react-root,body,html{height:100%}#react-root{z-index:0}

body,button,input,textarea{font-family:'proxima-nova','Helvetica Neue',Arial,Helvetica,sans-serif}a,a:visited{color:#003569;text-decoration:none}a:active{opacity:.5}


/* ==========================================================================
   Lightbox styles, taken from Instagram
   ========================================================================== */

._a1rcs{background-color:rgba(0,0,0,.5);bottom:0;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;left:0;overflow-y:auto;position:fixed;right:0;top:0;z-index:1}
._3eajp{background:0 0;border:none;cursor:pointer;height:36px;outline:none;overflow:hidden;position:absolute;right:0;top:0;z-index:2}
._3eajp::before{color:#fff;content:'\00D7';display:block;font-size:36px;font-weight:600;line-height:36px;padding:0;margin:0}
._n3cp9{-webkit-box-align:center;-ms-flex-align:center;align-items:center;margin:auto;max-width:935px;pointer-events:auto;width:100%}
._g1ax7{display:-webkit-box;display:-ms-flexbox;display:flex;min-height:100%;overflow:auto;width:auto;z-index:1}
@media (min-width:481px){
  ._g1ax7{padding:0 40px;pointer-events:none;-webkit-transform:translate3d(0,0,0);transform:translate3d(0,0,0)}
  ._g1ax7::after,
  ._g1ax7::before{content:'';display:block;-ms-flex-preferred-size:40px;flex-basis:40px;-ms-flex-negative:0;flex-shrink:0}
}
@media (max-width:480px){
  ._3eajp{display:none}
}

._ea084{background-color:rgba(0,0,0,.75)}
._d20no{background-color:#fff}

._fbms8{-ms-flex-negative:0;flex-shrink:0;margin-left:20px;max-width:140px}
._s6yvg{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}
._e0mru{box-shadow:inset 0 0 20px 0 #efefef}
._f95g7{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-negative:1;flex-shrink:1;overflow:hidden;line-height:0}
._pss4f{-ms-flex-negative:0;flex-shrink:0}
._ook48{display:inline-block;max-width:100%}
._ook48{margin-right:100%}
._ook48,
._ook48:visited{color:#262626}
@media (min-width:736px){
  ._djxz1._j5hrx{padding-right:335px;width:100%}
  ._djxz1 ._s6yvg{border-bottom:1px solid #efefef;height:78px;padding:20px 0;position:absolute;right:24px;top:0;width:287px}
  ._djxz1 ._rgrbt{bottom:0;box-sizing:border-box;position:absolute;right:0;top:78px;width:335px}
  ._djxz1 ._pss4f{margin:-2px 10px -2px -2px}
}
@media (max-width:735px){
  ._djxz1 ._s6yvg{height:64px;padding:18px 20px}
  ._djxz1 ._e0mru{border-bottom:1px solid #efefef;border-top:1px solid #efefef}
  ._djxz1 ._pss4f{margin:-1px 10px -1px -5px}
}

._5lote{background-color:#fafafa;border:1px solid #dbdbdb;border-radius:50%;box-sizing:border-box;display:block;overflow:hidden}
._a012k{height:100%;width:100%}

._vbtk2:active{opacity:1}

._e616g{display:block;position:relative}
._aj7mu{border-radius:3px;border-style:solid;border-width:1px;font-weight:600;outline:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;-webkit-appearance:none}
._2hpcs{background:0 0;border-color:#3897f0;color:#3897f0}
._aj7mu.zeroclipboard-is-active,
._aj7mu:active{opacity:.5}
._o0442{cursor:pointer}
._aj7mu::after{content:'.';display:inline-block;visibility:hidden;width:0}
@media (min-width:736px){
  ._kenyh{line-height:29px;padding:0 11px}
  ._aj7mu{font-size:16px}
}
@media (max-width:735px){
  ._kenyh{line-height:24px;padding:0 9px}
  ._aj7mu{font-size:14px}
}

._22yr2{background-color:#edeeee;display:block;width:100%}
._jjzlb{display:block;overflow:hidden;padding-bottom:100%}
._ovg3g{left:0;position:absolute;top:0}
._ovg3g{bottom:0;right:0}

._nk46a{margin-bottom:7px;position:relative;word-wrap:break-word}
._nk46a:last-child{margin-bottom:0}
._123ym{overflow:auto;padding-bottom:20px}
._tfkbw{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}
._d39wz{padding:20px 0}
@media (min-width:736px){
  ._es1du{font-size:15px;line-height:18px}
  ._es1du{padding:0 24px}
}
@media (max-width:735px){
  ._es1du{font-size:14px;line-height:17px}
  ._es1du{padding:0 20px}
}


/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
  color: #999;
  background: #fff;
  cursor: pointer;
}

.grid {
  display: flex;
  width: 100%;
  height: 100%;
  margin: 0 auto;
  flex-direction: column;
}

.row {
  display: flex;
  flex: 1;
  flex-direction: row;
}

.center-col {
  flex: 0 1 760px;
}

.header-row {
  flex: 0 0 160px;
}

.footer-row {
  flex: 0 0 160px;
}

.col {
  position: relative;
  display: flex;
  flex: 1;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
}

.col a {
  position: absolute;
  display: block;
  width: 100%;
  height: 100%;
}

.bottom.right {
  background-position: right bottom;
}

.bottom.center {
  background-position: center bottom;
}

.bottom.left {
  background-position: left bottom;
}

.top.center {
  background-position: center top;
}

.grid-cell a {
  display: block;
  width: 100%;
  height: 100%;
}

.popup {
  display: none;
  position: relative;
  z-index: 999;
}

.popup a {
  color: #999 !important;
}

._ea084 {
  background-color: rgba(255, 255, 255, 1);
}

._3eajp::before {
  color: #999;
}

._22yr2 {
  background-color: #fff;
}

._e0mru {
  box-shadow: none;
}

h1,
h2,
h3 {
  text-transform: uppercase;
}

h1 {
  margin-bottom: 18px;
}

p,
input,
textarea {
  margin-bottom: 18px;
}

form {
  margin-bottom: 54px;
}

label {
  display: block;
}

input,
textarea,
button[type="submit"] {
  padding: 6px;
  width: calc(100% - 30px);
  color: #fff;
  font-size: 15px;
  background: #999;
  border: none;
  border-radius: 0;
  -webkit-appearance: none;
}

textarea {
  height: 120px;
}

button[type="submit"] {
  width: auto;
}

@media (max-width:480px) {
  ._n3cp9 {
    min-height: 100%;
  }
  ._djxz1 {
    width: 100%;
  }
  ._djxz1 > div:first-of-type {
    display: none;
  }
}

@media (max-width:760px) {
  ._djxz1 {
    width: 100%;
  }
}

@media (max-width:760px) and (orientation:portrait){
  .grid {
    width: 90%;
    height: 100%;
  }
  .center-col {
    flex: 0 1 100%;
  }
}

@media (max-width:760px) and (orientation:landscape){
  .grid {
    width: 50%;
    height: 95%;
  }
  .center-col {
    flex: 0 1 100%;
  }
}

@media (min-width: 736px) {
  ._djxz1 ._s6yvg {
    left: 0;
  }
  ._djxz1 ._rgrbt {
    left: 0;
    width: 100%;
  }
  form {
    width: 335px;
  }
}