input {
    -webkit-user-select: auto !important;
}

html { background: #111; }
body { margin: 0; padding: 0; font: 14px/1.4em "Helvetica Neue", Arial; font-weight: 300; background: none; color: #eee; }
a { color: #f2f2f2; text-decoration: none!important; }
a:hover { color: #fff; }
a:focus, .btn:focus { outline:none; }
p { margin: 0 0 10px 0; }
h1 { font-family: "league_gothicregular"; text-transform: uppercase; font-size: 3em; }
h2 { font-family: "league_gothicregular"; text-transform: uppercase; font-size: 2.6em; }
h3 { font-size: 1.8em; }
h4 { font-size: 1.4em; }
img { max-width: 100%; }

.text-left { text-align: left; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/* Default */
.section h1 { font-size: 5.4em; }
.section .row { margin-top: 50px; }
.section .pattern { padding: 5%; display: block; background: #181818; }
.section .pattern:hover { background: #ffd600; }
.section .pattern:hover h3 { color: #000; font-weight: 300; }
.section { position: relative; padding: 5%; overflow: hidden; background-size: cover!important; z-index: 4; text-align: center; }
.section h1 span { color: #ffd600!important; }
.section h2 { font-size: 3em; text-transform: uppercase; margin: 0 0 30px 0; }
.section h2 span { display: inline-block; border-bottom: 1px solid #ffd600; border-top: 3px solid #ffd600; padding: 5px 10px; }
.section h3 { color: #fff; margin-top: 10px; font-weight: 100; }

.pattern { transition: all 0.4s ease 0s; -webkit-transition: all 0.4s ease 0s; }
.pattern.active { filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); filter: gray; -webkit-filter: grayscale(100%); opacity: 0.7; }

@media (max-width: 991px) {
h1 { font-size: 2em; }
h2 { font-size: 1.8em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.2em; }
}

@media (max-width: 768px) {
body { font-size: 15px; font-weight: 300; }

.section { min-height: 660px; }
}

@media (max-width: 480px) {

body { overflow-x: hidden; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.3em; }
h4 { font-size: 1em; }

.list-horizontal { text-align: center; }

.col-xs-6 { width: 100%; }
}