.container {
  max-width: 1300px;
}

.container a {
  color: #000;
  font-weight: bold;
}


@media (min-width: 768px) {
  .container {
    width: 100%;
  }
}

.jumbotron {

  padding-top: 50px;
  background-color: transparent;

}

@media screen and (min-width: 768px) {
  .jumbotron {
    padding-top: 50px;
  }
}

.jumbotron.mini {

  margin-top: -40vw;
  overflow: hidden;
  position: relative;
  margin-bottom: 30px;

}

.jumbotron.mini video {
  top: 300px;
  position: absolute;
}

.jumbotron.empty {

  margin: 0;
  padding: 0;
  margin-top: 70px;


}

.nav {
  padding-left: 14px;
  padding-right: 14px;
}

.navbar-brand {

  font-family: "Pill Gothic 600mg Regular", monospace;
  font-size: 12px;
  letter-spacing: 6px;
  color: #666;
  line-height: 20px;
  padding-left: 30px;

  background: url(../assets/PolaroidSwing-Dark.png) center no-repeat;
  background-size: 190px 23px;
  width: 250px;
  height: 50px;

}

.navbar-brand .lighter {
  color: #eee;
}

.navbar-inverse {

  background: rgba(0,0,0,0.8);
  border-bottom: none;

}

/*
.navbar.home {

  background: rgba(0,0,0,0.9);
  border-bottom: none;

}
*/

.press-col {
  padding-left: 20%; padding-right: 20%;
}

.pld-template {

  background: url(../assets/tmp.jpg) center no-repeat;
  background-size: cover;
  width: 100vw;
  height: 56.2vw;

}

.navbar-pld {
  background: white;
  border-bottom: none;
  opacity: 0.92;
}

.navbar-collapse {
  border-top: 0;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.navbar-toggle {
  border: none;
}

.navbar .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover {
/*  background-color: rgba(0,0,0,0.2);*/
}

.navbar .navbar-nav>li>a {
  text-transform: uppercase;
  font-family: "Pill Gothic 600mg Regular", monospace;
  font-size: 12px;
  background: transparent;

  letter-spacing: 1px;
}


.navbar-toggle .icon-bar {
  background: rgba(0,0,0,0.3);
}

/*
.navbar-toggle .icon-bar:nth-of-type(3) {
  width: 25px;
  border-left: none;
}
*/

.navbar .navbar-nav>.active>a, .navbar .navbar-nav>.active>a:focus, .navbar .navbar-nav>.active>a:hover {
  text-transform: uppercase;
  font-family: "Pill Gothic 600mg Semibd", monospace;
  font-size: 12px;
  background: transparent;
}




.p-logo-lock {

  position: absolute;
  width: 30%;
  left: 0;
  top: 160px;

}

.p-swing-logo {
  width: 100%;
  height: 51px;
  background: url(../assets/PolaroidSwing-Lockup.png) center no-repeat;
  background-size: contain;

}


.p-app-store-logo {

  width: 100%;
  height: 48px;

  margin-top: 80px;
  width: 100%;
  background: url(../assets/AppStoreDark@2x.png) center no-repeat;
  background-size: contain;

}

.videoWrapper {
  position: relative;
  padding-bottom: 55%; /* 16:9 */
  padding-top: 25px;
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 95%;
}

@media (min-width: 565px) {
  .videoWrapper {
    padding-bottom: 57%;
  }
}



.overlay {
  width: 100%;
  height: 90%;
  background: rgba(0,0,0,0.3);
  background: -moz-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(8,8,8,0.3) 43%, rgba(19,19,19,0) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(0,0,0,0.3)), color-stop(43%, rgba(8,8,8,0.3)), color-stop(100%, rgba(19,19,19,0)));
  background: -webkit-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(8,8,8,0.3) 43%, rgba(19,19,19,0) 100%);
  background: -o-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(8,8,8,0.3) 43%, rgba(19,19,19,0) 100%);
  background: -ms-linear-gradient(top, rgba(0,0,0,0.3) 0%, rgba(8,8,8,0.3) 43%, rgba(19,19,19,0) 100%);
  background: linear-gradient(to bottom, rgba(0,0,0,0.3) 0%, rgba(8,8,8,0.3) 43%, rgba(19,19,19,0) 100%);
  position: absolute;
  top: 0px;
  pointer-events: none;
}

.swing-logo {
  background: url(../assets/PolaroidSwing-Lockup.png) no-repeat center center;
  background-size: 100%;
  height: 67px;
  width: 138px;
  margin: 0 auto;
  top: 18vw;
  position: relative;
  transition-duration: 4s;
  opacity: 1;
}

.appstore {
  background: url(../assets/Download_on_the_App_Store_Badge_US-UK_135x40.svg) no-repeat center center;
  background-size: 100%;
  display: block;
  height: 48px;
  width: 132px;
  margin: 0 auto;
  top: 40vw;
  position: relative;
  transition-duration: 4s;
  opacity: 1;
  pointer-events: all;
}
.appstore.ended {
  height: 60px;
  width: 200px;
  top: 43vw;
  transition-duration: 0;
}

.play-btn {
  background: url(../assets/playBtn.png) no-repeat center center;
  background-size: 100%;
  display: block;
  height: 35px;
  width: 35px;
  margin: 0 auto;
  top: 30%;
  position: relative;
  transition-duration: 4s;
  opacity: 1;
  pointer-events: all;
  display: none;
}

.fadeout {
  opacity: 0;
}


@media (max-width: 565px) {



  .jumbotron.empty {

      margin: 0;
      padding: 0;
      margin-top: 50px;

    }

  .press-col {
    padding-left: 0;
    padding-right: 0;
  }

}

.p-legal p {

  font-size: 10px;


}


#legal-terms {
  -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
}

#legal-privacy {
  -moz-column-count: 2; -webkit-column-count: 2; column-count: 2;
}


@media (max-width: 768px) {

  #legal-terms {
    -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;
  }

  #legal-privacy {
    -moz-column-count: 1; -webkit-column-count: 1; column-count: 1;
  }

  .p-logo-lock {

    display: none;

  }


}




polaroid-object {

  position: relative;
  display: inline-block;
  margin-left: 0px;
  margin-bottom: 10px;

}

@media (min-width: 768px) {
  polaroid-object {

    margin-left: 10px;

  }
}

footer {
  text-align: center;
  font-size: 10px;
  color: #d8d8d8;
}

footer p {
  margin: 0;
}
footer a {
  color: #d8d8d8 !important;
  margin-right: 10px;
}


#pld-gallery {

  text-align: center;
  margin-left:auto;
  margin-right: auto;
  margin-top: -70px;
  z-index: 100;
}

@media (min-width: 768px) {
  #pld-gallery {
    margin-top: -140px;
  }
}

/*fix for trailing press page polaroid-object image when 3 per row*/
@media (min-width: 1162px) {
  #pld-gallery.press-page polaroid-object:last-of-type{
    display: none;
  }
}

#pld-gallery .polaroid-tips{
  display: none;
}
body.first-visit.gallery-in-view #pld-gallery polaroid-object.loaded:nth-of-type(1) .polaroid-tips{
  display: block;
}

@media (min-width: 1162px) {
  body.first-visit.gallery-in-view #pld-gallery polaroid-object.loaded:nth-of-type(1) .polaroid-tips {
    display: none;
  }
  body.first-visit.gallery-in-view #pld-gallery polaroid-object.loaded:nth-of-type(2) .polaroid-tips {
    display: block;
  }
}


.pld-app-text-cta {

  width: 100%;
  text-align: center;
  font-family: "Pill Gothic 600mg Regular", monospace;
  font-size: 12px;
  letter-spacing: 1px;
  margin-top: 20px;

}

.pld-color-cycle {

  color: red;
  animation: pl-colors 12s alternate infinite;
}

@keyframes pl-colors {

  0% {
    color: rgb(81,97,245);
  }
  33% {
     color: rgb(81,245,232);
  }

  66% {
    color: rgb(255,204,77);
  }

  100% {
    color: rgb(255,96,110);
  }

}