* {margin: 0; padding: 0; text-overflow: ellipsis}
body * {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box}
[class] {overflow: hidden; list-style: none; padding: 0}

*:focus {outline: none}

html {height: 100%; background: #000}
body {min-height: 100%; height: 100%; padding-bottom: 140px; color: #6c6c6c; font: 15px/1.7 'Montserrat', 'Helvetica', 'Arial', sans-serif}

.text-center {text-align: center}

a {color: #6c6c6c; text-decoration: none; transition: all 0.35s; -webkit-transition: all 0.35s}
a:hover,
a.active {color: #fff; transition: all 0.35s; -webkit-transition: all 0.35s}

.rock-salt {font-family: 'Rock Salt', 'Montserrat', 'Arial', sans-serif}
h1,
h2,
h3,
h4,
h5,
h6 {font-weight: 400}

a.border {display: block}
.border:before,
.border:after {position: absolute; left: 5px; top: 5px; right: 5px; bottom: 5px; content: ''; opacity: .15; transition: opacity 0.35s; -webkit-transition: opacity 0.35s}
.border:before {border-left: 1px solid #fff; border-bottom: 1px solid #fff}
.border:after {border-top: 1px solid #fff; border-right: 1px solid #fff}

.border:hover:before,
.border:hover:after {opacity: .4; transition: opacity 0.35s; -webkit-transition: opacity 0.35s; background: rgba(0,0,0,.1)}

.more {display: inline-block; padding: 0 18px 0 24px; color: #fff; border: 2px solid #fff; font-size: 14px; line-height: 42px}
.more:after {position: relative; top: 8px; font-size: 30px}
.more:hover {border-color: #8e1414}

.image {display: block; width: 100%; height: 100%; background-size: cover}
.preload {position: absolute; left: -999em}