/*IMPORTS*/
/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,300&subset=latin,latin-ext);
@import url(http://fonts.googleapis.com/css?family=IM+Fell+English:400italic);
@import url(fonts/boycott.css);
* {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after {
  content: '';
  content: none; }

q:before, q:after {
  content: '';
  content: none; }

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

a {
  text-decoration: none;
  color: #d80;
}

a:hover {
  text-decoration: underline;
}

/*VARIABLES*/
/*MIXINS*/
/*BASE*/
body {
  font: 100% "Open Sans", sans-serif;
  font-weight: 300;
  color: #bbbbbb; }

hr {
  border: 1px solid #262626;
  margin: 5px 5%; }

.search {
  padding: 6px 15px 6px 30px;
  margin: 5%;
  background: url("./_icons/search.png") no-repeat 8px 10px #bbbbbb;
  width: 90%; }

.clearfix {
  clear: both; }

.hidden {
  display: none; }

.no-columns {
  columns: 1;
  -webkit-columns: 1;
  -moz-columns: 1;
  text-align: center; }

/* somebar */
.some {
  background: #141414;
  padding: .5em;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  position: fixed;
  top: 30%;
  left: 0; }

/* nav */
.nav {
  height: 2em;
  position: fixed;
  top: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  width: 100%;
  padding: .5em; }
  .nav ul {
    float: right; }
  .nav li {
    float: left;
    font-size: 1.4em; }
  .nav li::after {
    content: "|"; }
  .nav li:last-of-type::after {
    content: none; }
  .nav li:nth-child(2)::after {
    content: none; }
  .nav a {
    padding: .6em;
    color: #bbbbbb; }
  .nav a:hover {
    color: #d80; }

/*mobile nav */
.mobilenav {
  height: 100%;
  width: 60%;
  background: #141414;
  position: fixed;
  left: -60%;
  z-index: 9999;
  display: none; }
  .mobilenav a {
    padding: .2em .2em .2em 1.2em;
    color: #bbbbbb; }
  .mobilenav a:hover {
    color: #fff; }

.mobilesome {
  margin-left: 3%; }
  .mobilesome a {
    padding: .2em .2em .2em .2em; }

.mobilenav_button {
  display: none;
  position: fixed;
  top: 15%;
  left: 0;
  background: #141414;
  -webkit-border-radius: 0 10px 10px 0;
  -moz-border-radius: 0 10px 10px 0;
  -ms-border-radius: 0 10px 10px 0;
  border-radius: 0 10px 10px 0;
  padding: .5em .3em .5em .1em; }

.menubutton_line {
  height: .3em;
  width: 1.5em;
  background: #bbbbbb;
  margin: 4px; }

/* header */
header {
  height: 95%;
  background: url(./_img/header.jpg) center center fixed;
  background-size: cover;
  position: relative;
  z-index: -1; }
  header div {
    display: table;
    width: 100%;
    height: 100%; }
  header h1 {
    display: table-cell;
    vertical-align: middle;
    font-size: 10em;
    font-family: 'boycott';
    text-align: center;
    color: #d80; }

/* content */
section {
  background: #262626;
  padding: 2em 15%;
  box-shadow: 10px 10px 5px #ffffff; }
  section h1 {
    font-size: 2.8em;
    text-align: center;
    padding-bottom: 1em; }
  section p {
    max-width: 1024px;
    margin: 0 auto;
    text-align: justify;
    -webkit-columns: 2;
    /* Chrome, Safari, Opera */
    -moz-columns: 2;
    /* Firefox */
    columns: 2;
    -webkit-column-gap: 2em;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 2em;
    /* Firefox */
    column-gap: 2em;
    font-size: 1.4em;
    line-height: 1.3em; }

.bgimg {
  background: url(./_img/body1.jpg) center center fixed;
  background-size: cover;
  -webkit-background-size: cover;
  padding: 100px; }

.bgimg:nth-of-type(2) {
  background: url(./_img/body2.jpg) center center fixed; }

.bgimg:nth-of-type(3) {
  background: url(./_img/body3.jpg) center center fixed; }

blockquote {
  font-family: 'IM Fell English', serif;
  font-style: italic;
  font-size: 2.2em;
  color: #eee; }

.block {
  margin: auto;
  width: 400px;
  height: 110px;
  border: solid 10px #ccc;
  text-align: center; }
  .block a {
    font: 6em 'boycott';
    color: #bbbbbb;
    line-height: 1.2em; }
.block-event {
  margin: auto;
  border: solid 10px #eee;
  margin-bottom: 2em;
  padding: 6px;
  text-align: center; }
  .block-event a {
    font-size: 2em;
    font-family: initial;
    color: #eee;
    line-height: 1.2em; }
@media screen and (min-width: 768px) {
  .block-event a {
    font-size: 4em;}
}


/* footer */
footer {
  padding: 2em;
  background: #141414; }
  footer p {
    text-align: center;
    font-size: 1.2em;
    clear: both;
    padding-top: 1.2em;
    color: #262626; }

.fb-like-box, .twitter-widget {
  width: 48%;
  margin: 1%;
  float: left;
  height: 300px; }

.some-widgets {
  max-width: 1024px;
  margin: 0 auto; }

#Facebook__x28_alt_x29_, #Twitter__x28_alt_x29_ {
  fill: #bbbbbb; }

/* Media queries */
@media screen and (min-width: 540px) and (max-width: 1023px) {
  section p {
    -webkit-columns: 1;
    /* Chrome, Safari, Opera */
    -moz-columns: 1;
    /* Firefox */
    columns: 1;
    -webkit-column-gap: 0;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 0;
    /* Firefox */
    column-gap: 0;
    text-align: center;
    font-size: 1.2em; }
  section h1 {
    font-size: 2.4em;
    padding-bottom: .6em;
    line-height: 1em; }

  header h1 {
    font-size: 7em; }

  .block {
    margin: auto;
    width: 300px;
    height: 90px;
    border: solid 8px #ccc;
    text-align: center; }
    .block a {
      font: 5em 'boycott';
      color: #bbbbbb;
      line-height: 1.1em; } }
@media screen and (max-width: 539px) {
  .some {
    display: none; }

  .mobilenav {
    display: flex;
    flex-direction: column; }

  .mobilenav_button {
    display: block; }

  .nav {
    display: none; }

  header h1 {
    font-size: 3em; }

  .mobilesome li {
    float: left; }

  .fb-like-box, .twitter-widget {
    width: 90%;
    margin: 5%;
    clear: both; }

  .block {
    margin: auto;
    width: 180px;
    height: 60px;
    border: solid 6px #ccc;
    text-align: center; }
    .block a {
      font: 3em 'boycott';
      color: #bbbbbb;
      line-height: 1.2em; }

  .bgimg {
    padding: 50px; }

  blockquote {
    font-size: 1.6em;
    margin: -20px; }

  section h1 {
    font-size: 2em;
    padding-bottom: .6em;
    line-height: 1.2em; }
  section p {
    font-size: 1em;
    text-align: center;
    -webkit-columns: 1;
    /* Chrome, Safari, Opera */
    -moz-columns: 1;
    /* Firefox */
    columns: 1;
    -webkit-column-gap: 0;
    /* Chrome, Safari, Opera */
    -moz-column-gap: 0;
    /* Firefox */
    column-gap: 0; } }

/*# sourceMappingURL=style.css.map */