body{
  /*background:url('splashpage.jpg') no-repeat;*/
  background-size: 80%;
  background-attachment: fixed;
  background-position: center;
  background-color: #ff7f00;
  padding-top:100px;
}

body.home{
  overflow: hidden;
  padding-top:0px;
}

body.shop{
  padding-top:120px;
}
body.shop-detail{
  padding-top:200px;
}

.shop .content img{
  margin-top:20px;
  margin-bottom: 50px;
}

.img-center{
  display:block;
  margin:0 auto;
}

img:hover{
    -webkit-filter: invert(100%) !important;
}

.center-img{
  margin-left:28%;
  margin-top:2%;
  width:38%;
}

.about-img{
  width:65%;
  margin-left:65%;
  margin-top:130%;
}

.blog-img{
  width:65%;
  margin-top:60%;
  margin-left:15%;
}

.music-img{
  width:65%;
  margin-left:155%;
}

.collabs-img{
  width:350px;
  position: absolute;
  left:900px;
  top:100px;
}

.shop-img{
  width:350px;
  position: absolute;
  left:1000px;
  top:350px;
}


.contact-img{
  width:250px;
  position: absolute;
  left:800px;
  top:550px;
}


.trophies-img{
  width:65%;
  margin-top: 2%;
  margin-left:32%;
}






ul.scene{
  position: relative;
}

li{
  position: absolute;
}

.about-img{
  top:500px !important;
}

p{
  text-align: center;
  font-size:1.2em;
  font-weight: 200;
}


.lal{
  display: block;
  margin:0 auto;
  width:50%;
  padding-top:20px;
  padding-bottom: 20px;
}

/* ---- grid ---- */

.grid {
}

/* clear fix */
.grid:after {
  content: '';
  display: block;
  clear: both;
}

/* ---- .grid-item ---- */

.grid-sizer,
.grid-item {
  width: 33.333%;
}

.grid-item {
  float: left;
}

.grid-item img {
  display: block;
  max-width: 100%;
  padding:10px;
}



.nav>li>a>img{
  width:90%;
}


.nav>li>a{
  padding: 0;
}


.navbar-brand>img{
  padding:30px;
}


.music{
  position: fixed;
  bottom:40px;
  left:40px;
}

.music img{
  width:75%;
}


.nav>li>a:focus, .nav>li>a:hover{
  background: none;
}
.container-fluid{
  padding-left:50px;
  padding-right:50px;
}

.clothing-nav{
  margin-top:0px;
}
.clothing-nav img{
  width:100%;
}


.img-full img{
  width:100%;
}

.text-detail{
  position: relative;
  min-height: 600px;
}

.buy-btn{
  position: absolute;
  bottom:0;
  left:30%;
}

.grid { /* Masonry container */
    column-count: 3;
    column-gap: .5em;
}

.grid-item { /* Masonry bricks or child elements */
    display: inline-block;
    width: 100%;
}





@media only screen
  and (min-device-width: 375px)
  and (max-device-width: 667px)
  and (-webkit-min-device-pixel-ratio: 2) {

  .center-img{
    margin-left:15%;
    margin-top:40%;
    width:100%;
  }

  .about-img{
    width:45%;
    margin-left:35%;
    margin-top:155%;
  }

  .blog-img{
    width:45%;
    margin-top:110%;
    margin-left:3%;
  }

  .music-img{
    width:50%;
    margin-left:5%;
    margin-top:20px;
  }

  .collabs-img{
    width:180px;
    position: absolute;
    left:260px;
    top:70px;
  }

  .shop-img{
    width:150px;
    position: absolute;
    left:320px;
    top:200px;
  }


  .contact-img{
    width:150px;
    position: absolute;
    left:320px;
    top:480px;
  }


  .trophies-img{
    width:35%;
    margin-top: 50%;
    margin-left:4%;
  }


}

.remodal{
  background:#ff7f00;
}