body {
  font-size: 16px;
  font-family: "Roboto Condensed", sans-serif;
}

body, select, input, textarea {
  color: #fff;
  background-color: #000;
}

a {
  color: #fff;
  text-decoration: underline;
}

a:hover {
  color: #eaeaea;
}

/* Custom text-selection colors (remove any text shadows: http://twitter.com/miketaylr/status/12228805301) */
::-moz-selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none;
}

::selection {
  background: #fcd700;
  color: #fff;
  text-shadow: none;
}

/*	j.mp/webkit-tap-highlight-color */
a:link {
  -webkit-tap-highlight-color: #fcd700;
}

ins {
  background-color: #fcd700;
  color: #000;
  text-decoration: none;
}

mark {
  background-color: #fcd700;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

/* Mozilla dosen't style placeholders by default */
input:-moz-placeholder {
  color: #a9a9a9;
}

textarea:-moz-placeholder {
  color: #a9a9a9;
}

/* let's give blockquotes *some* default styling, because unstyled blockquotes are dangerous */
blockquote {
  padding: 16px;
  background: #eee;
}

/* Grid
-------------------------------------------------------------------------------*/
.grid-inner {
  width: 1170px;
  margin: 0 auto;
}

.grid-inner-small {
  width: 920px;
  margin: 0 auto;
}

.col1, .col2, .col3, .col4, .col5, .col6, .col7, .col8, .col9, .col10, .col11, .col12 {
  float: left;
  margin: 0 3% 0 0;
}

.col1.last, .col2.last, .col3.last, .col4.last, .col5.last, .col6.last, .col7.last, .col8.last, .col9.last, .col10.last, .col11.last, .col12 {
  margin: 0;
}

.col1 {
  width: 5.5%;
}

.col2 {
  width: 14%;
}

.col3 {
  width: 22.5%;
}

.col4 {
  width: 31.3%;
}

.col5 {
  width: 39.5%;
}

.col6 {
  width: 48%;
}

.col7 {
  width: 56.5%;
}

.col8 {
  width: 65%;
}

.col9 {
  width: 73.5%;
}

.col10 {
  width: 82%;
}

.col11 {
  width: 90.5%;
}

.col12 {
  width: 99%;
  margin: 0;
}

.col6.float-right {
  width: 49%;
}

.col7.float-right {
  width: 62%;
}

/* Content
-------------------------------------------------------------------------------*/
h1, h2 {
  font-size: 2.3em;
  margin-bottom: 16px;
}

p {
  margin-bottom: 1em;
}

.header {
  margin-top: 32px;
  margin-bottom: 24px;
}
.header video {
  max-width: 600px;
  width: 100%;
  display: block;
  margin: 0 auto;
}

.anouncement {
  font-size: 2.4em;
  text-align: center;
  margin-bottom: 48px;
}

.band-logo {
  max-width: 520px;
  margin: 14px 0;
  width: 100%;
}

.band-info, .archive {
  width: 72%;
  margin: 36px auto 108px;
}
.band-info .band-image, .archive .band-image {
  margin-bottom: 24px;
  text-align: center;
}

.archive .entry {
  width: 50%;
  padding-right: 3%;
}

.flex {
  display: flex;
  flex-wrap: wrap;
}

.social-icons {
  text-align: center;
  margin-top: 32px;
}
.social-icons .social-icon {
  width: 48px;
  margin-right: 12px;
}

.footer {
  padding-bottom: 36px;
  text-align: center;
}
.footer .border {
  border-top: 1px solid #fff;
  width: 72%;
  margin: 0 auto;
  padding-bottom: 16px;
}
.footer ul {
  text-decoration: none;
}
.footer ul li {
  display: inline-block;
  margin-right: 24px;
}

/* Media queries
-------------------------------------------------------------------------------*/
@media screen and (max-width: 1220px) {
  .grid-inner {
    width: 93%;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  .header {
    margin-top: 28px;
  }

  .grid-inner {
    width: 96%;
    margin: 0 auto;
  }

  .band-info, .archive {
    width: 100%;
  }

  .footer .border {
    width: 90%;
  }
}
@media screen and (max-width: 920px) {
  .archive .entry {
    width: 100%;
    padding-right: 0;
  }
}
@media screen and (max-width: 560px) {
  .band-logo {
    max-width: 92%;
  }
}

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