/* ========================================
   PERFORMANCE FOAM TECHNOLOGY - PAGE SPECIFIC STYLES
   ======================================== */

/* ========================================
   PAGE BACKGROUND
   ======================================== */

.tech-page--pft {
  background-image: url(/assets/images/frame-1321317546.png);
}

/* ========================================
   PFT LOGO DISPLAY
   ======================================== */

.pft-logo {
  width: 400px;
  height: 300px;
  background-image: url(/assets/images/e59c7e2c5155296b70651ac0aa0cf379-8bf0d572-838f-4621-b4ad-31e5993.png);
  background-size: cover;
  background-position: center;
  border-radius: 8px;
  padding: 40px;
  display: flex;
  align-items: flex-end;
  justify-content: flex-end;
}

.pft-logo__image {
  width: 163px;
  height: 24px;
  margin-bottom: -40px;
  margin-right: -60px;
}

/* ========================================
   GALLERY BACKGROUNDS
   ======================================== */

.tech-gallery__main--pft {
  background-image: url(/assets/images/frame-1321317582.png);
}

.tech-gallery__item--pft-1 {
  background-image: url(/assets/images/frame-1321317586@2x.png);
}

.tech-gallery__item--pft-2 {
  background-image: url(/assets/images/frame-1321317584@2x.png);
}

.tech-gallery__item--pft-3 {
  background-image: url(/assets/images/frame-1321317585@2x.png);
}

/* ========================================
   RESPONSIVE ADJUSTMENTS
   ======================================== */

@media (max-width: 768px) {
  .pft-logo {
    width: 100%;
    max-width: 350px;
    height: 200px;
    padding: 20px;
  }

  .pft-logo__image {
    width: 150px;
    height: auto;
  }
}

@media (max-width: 480px) {
  .pft-logo__image {
    width: 120px;
  }
}