@import url(https://fonts.googleapis.com/css?family=Oxygen:400,700);

.clearfix:after {
    visibility: hidden;
    display: block;
    content: "";
    clear: both;
    height: 0;
}
/*  Bootstrap Clearfix */
/* http://www.bluthemes.com/blog/3/clearing-bootstrap-3-columns */

/* Mobile */
@media screen and (max-width: 767px) {
    .col-xs-1:nth-child(12n+1),
    .col-xs-2:nth-child(6n+1),
    .col-xs-3:nth-child(4n+1),
    .col-xs-4:nth-child(3n+1),
    .col-xs-6:nth-child(2n+1){
    clear: left;
    }
}

/*  Tablet  */
@media (min-width:767px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: none;
  }
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Medium Desktop  */
@media (min-width:992px){

  /* Column clear fix */
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1){
    clear: left;
  }
}


/*  Large Desktop  */
@media (min-width:1200px){

  /* Column clear fix */
  .col-md-1:nth-child(12n+1),
  .col-md-2:nth-child(6n+1),
  .col-md-3:nth-child(4n+1),
  .col-md-4:nth-child(3n+1),
  .col-md-6:nth-child(2n+1),
  .col-sm-1:nth-child(12n+1),
  .col-sm-2:nth-child(6n+1),
  .col-sm-3:nth-child(4n+1),
  .col-sm-4:nth-child(3n+1),
  .col-sm-6:nth-child(2n+1){
    clear: none;
  }
  .col-lg-1:nth-child(12n+1),
  .col-lg-2:nth-child(6n+1),
  .col-lg-3:nth-child(4n+1),
  .col-lg-4:nth-child(3n+1),
  .col-lg-6:nth-child(2n+1){
    clear: left;
  }
}

body {
    background: #000;
    color: #b4b4b4;
    font-size: 1.35em;
    font-family: 'Oxygen',Helvetica,Arial,sans-serif;
}
img {
    border: none;
}
.all {
/*    max-width: 1170px;
    margin: 0 auto;*/
}
.main_content {
    max-width:1280px;
    margin: 0 auto;
}
.mainlogo {
    max-width: 600px;
    margin: 0 auto;
    margin-top:30px;
    margin-bottom:20px;
}
.mainlogo img {
    width: 100%;
    height: auto;
}
.events {
    text-align:left;
    background-color:rgba(0, 0, 0, 0.5);
    padding: 15px;
    border-radius:4px;
    font-size:1.3em;
    margin-bottom:15px;
}
.events a, .events a:hover, .events a:active {
    color: #b4b4b4;
}
.events a:hover {
    text-decoration: underline;
}
.events a.btn {
    color: #fff;
    text-decoration: none;
}
.events a.btn:hover {
    text-decoration: none;
}
.events .flyer img {
    width: 100%;
    height: auto;
}
.description {
    text-align: left;
    background-color:rgba(0, 0, 0, 0.5);
    padding: 15px;
    border-radius: 4px;
    font-size:1.3em;
}
.bio img {
    width: 100%;
    max-width: 600px;
    height: auto;
    border: 4px solid #000;
    border-radius: 4px;
}
.bio h2 {
    text-shadow: -2px 0 black, 0 2px black, 2px 0 black, 0 -2px black;
}
.bio .social_buttons {
    margin-top:20px;
    margin-bottom:20px;
}
.bio .biotext {
    text-align: left;
    background-color:rgba(0, 0, 0, 0.5);
    padding: 15px;
    border-radius: 4px;
    max-height: 300px;
    overflow-y: scroll;
    font-size:1.2em;
}
footer {
    margin-top:40px;
}
.socializers {
	display: inline-block;
	background: #000 url('http://soefm.de/themes/zwonull/images/socialsprites/socializers.png') no-repeat;
	width:54px;
	height:54px;
	border:none;
	/*margin-left:4px;
	margin-right:4px;*/
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.socializers:focus {
	outline: none;
}
.socializers:hover {
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.socializers.facebook {
	background-position:0 0;
}
.socializers.facebook:hover {
	background-position:0 -54px;
}
.socializers.twitter {
	background-position:-54px 0;
}
.socializers.twitter:hover {
	background-position:-54px -54px;
}
.socializers.soundcloud {
	background-position:-108px 0;
}
.socializers.soundcloud:hover {
	background-position:-108px -54px;
}
.socializers.mixcloud {
	background-position:-162px 0;
}
.socializers.mixcloud:hover {
	background-position:-162px -54px;
}
.socializers.hearthis {
	background-position:-216px 0;
}
.socializers.hearthis:hover {
	background-position:-216px -54px;
}
.socializers.googleplus {
	background-position:-270px 0;
}
.socializers.gplus {
	background-position:-270px 0;
}
.socializers.googleplus:hover {
	background-position:-270px -54px;
}
.socializers.gplus:hover {
	background-position:-270px -54px;
}
.socializers.website {
	background-position:-324px 0;
}
.socializers.website:hover {
	background-position:-324px -54px;
}

.socializers_bg {
	border: 1px solid #1a1a1a;
	margin-right:4px
	
}
.socializers_bg:hover {
	background-color: #1a1a1a;
}