/*! normalize.css v2.1.3 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block }

audio, canvas, video { display: inline-block }

audio:not([controls]) {
  display: none;
  height: 0
}
[hidden], template {
display:none
}

html {
  font-family: sans-serif;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%
}

body { margin: 0 }

a { background: 0 0 }

a:focus { outline: thin dotted }

a:active, a:hover { outline: 0 }

h1 {
  font-size: 2em;
  margin: .67em 0
}

abbr[title] { border-bottom: 1px dotted }

b, strong { font-weight: 600 }

dfn { font-style: italic }

hr {
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  height: 0
}

mark {
  background: #ff0;
  color: #000
}

code, kbd, pre, samp {
  font-family: monospace, serif;
  font-size: 1em
}

pre { white-space: pre-wrap }

q { quotes: "\201C" "\201D" "\2018" "\2019" }

small { font-size: 80% }

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline
}

sup { top: -.5em }

sub { bottom: -.25em }

img, a img { border: 0 }

svg:not(:root) { overflow: hidden }

figure { margin: 0 }

fieldset {
  border: 1px solid silver;
  margin: 0 2px;
  padding: .35em .625em .75em
}

legend {
  border: 0;
  padding: 0
}

button, input, select, textarea {
  font-family: inherit;
  font-size: 100%;
  margin: 0
}

button, input { line-height: normal }

button, select { text-transform: none }

button, html input[type=button], input[type=reset], input[type=submit] {
  -webkit-appearance: button;
  cursor: pointer
}

button[disabled], html input[disabled] { cursor: default }

input[type=checkbox], input[type=radio] {
  box-sizing: border-box;
  padding: 0
}

input[type=search] {
  -webkit-appearance: textfield;
  -moz-box-sizing: content-box;
  -webkit-box-sizing: content-box;
  box-sizing: content-box
}
input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
button::-moz-focus-inner, input::-moz-focus-inner {
border:0;
padding:0
}

textarea {
  overflow: auto;
  vertical-align: top
}

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

/*----------------------------------------------   
--Setup
-----------------------------------------------  */

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

html { font-size: 100%; }

body { background-color:#222;}

/*----------------------------------------------   
--Images
-----------------------------------------------  */

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

img {
  -ms-interpolation-mode: bicubic;
  border: 0;
  padding:10px;
  background-color:#fff;
}

/*----------------------------------------------   
--Instagram Grid
-----------------------------------------------  */

ul.instagram {
  padding: 0 0.1em;
  margin: 0;
  display: block;
 *zoom: 1;
}

ul.instagram li {
  display: inline-block;
  vertical-align: top;
  width: 50%;
  padding: .1em;
  margin: 0;
  z-index: 9;
  position: relative;
  transition: opacity .6s ease;
  overflow: hidden;
}
@media only screen and (min-width: 54em) {

ul.instagram li { width: 25% }
}

ul.instagram li:hover, .hover {
  opacity: .9;
  z-index: 9;
  position: relative;
  transition: opacity .6s ease
}

ul.instagram li img {
  float: left;
  overflow: hidden;
  display: table;
}

ul.instagram li a {
  color: #FFF;
  position: relative;
  display: table;
  overflow: hidden;
  text-decoration: none
}

/*----------------------------------------------   
--Instagram Captions
-----------------------------------------------  */

.everyday-caption {
  background-color: rgba(0,0,0,.65);
  top: 0;
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  padding: 0.5em;
  font-size: .9em;
  -webkit-transitio: background-color 2s ease-out;
  -moz-transition: background-color 2s ease-out;
  -ms-transition: background-color 2s ease-out;
  -o-transition: background-color 2s ease-out;
  transition: background-color 2s ease-out;
  display: none;
  overflow: hidden
}

.everyday-caption p { font-size: .8em }