@import 'font-awesome.min.css';

html {
  box-sizing: border-box;
  -webkit-font-smoothing:antialiased;
}
*, *:before, *:after {
  box-sizing: inherit;
}
body {
  background:#000 url(../images/bg.jpg) top center no-repeat fixed;
  background-size:cover;
  color:#fff;
  font-size:18px;
  line-height:24px;
  font-family:Helvetica, Arial, sans-serif;
}
a {
  color:#fff;
  text-decoration:none;
  cursor:pointer;
  transition:all .3s ease-out;
}
a:hover {
  color:#db3527;
}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* close commented backslash hack */

.logo {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  display:block;
  background:url(../images/desi-subculture-logo.png) center center no-repeat;
  background-size:450px auto;
  overflow:hidden;
  z-index:1;
}
.logo iframe {
  width:100%;
  height:100%;
  margin:0;
}

.content {
  position:relative;
  height:auto;
  padding:0 20px;
  display:block;
}
.content iframe {
  margin:50px 0 30px 0 !important;
  display:block;
}
.inner {
  max-width:660px;
  margin:0 auto;
}
#instafeed {
  margin:0 -10px 80px -10px;
}
#instafeed .instafeed-item {
  float:left;
  width:33.3%;
  height:auto;
  padding:10px;
  display:block;
}
#instafeed a {
  width:100%;
  height:auto;
  display:block;
  border:1px solid #575757;
}
#instafeed a:hover {
  border-color:#db3527;
}
#instafeed img {
  width:100%;
  height:auto;
  display:block;
}
.social {
  padding:0 0 10px 0;
  text-align:center;
}
.social a {
  margin:0 8px;
  display:inline-block;
  font-size:30px;
  line-height:30px;
}
.footer {
  margin:0 0 80px 0;
  text-align:center;
}

@media only screen and (max-width: 767px) {
  .logo {
    background-size:280px auto;
  }
  #instafeed .instafeed-item {
    width:50%;
  }
}