main>section>.container-flame {
  margin-top: 10vh;
}

.offices.francesco {
  background-image: url('/public/img/francesco.png');
  background-size: cover;
  background-position: center;
  width: 100%;
  /* locomotive */
}

@media only screen and (min-width: 1024px) {
  .team-img {
    width: 18%;
    min-width: 18%;
  }
}

.min-w-1\/3 {
  min-width: 33.333333% !important;
}

@media only screen and (min-width: 1024px) {
  .lg\:min-w-1\/5{
    min-width: 20% !important;
  }
}

@media only screen and (min-width: 640px) {}

@media only screen and (min-width: 1024px) {
  main>section>.container-flame {
    margin-top: -20vh;
  }
}

@media only screen and (min-width: 1280px) {

  #section-hero[data-scroll-section-inview] .container-flame svg .st0,
  #section-values[data-scroll-section-inview] .container-flame svg .st0,
  #section-opportunities[data-scroll-section-inview] .container-flame svg .st0 {
    animation: dash 2s cubic-bezier(0.54, 0.9, 0.78, 1) forwards .5s;
    -webkit-animation: dash 2s cubic-bezier(0.54, 0.9, 0.78, 1) forwards .5s;
  }
}

.list-item:last-child {
  padding-bottom: 0;
}

.play-icon {
  min-width: 3rem;
}

.video-height {
  height: 33.3333vw;
}

.offices {
  background-image: url('/public/img/hero-workflow.jpg');
  background-size: cover;
  height: 75vw;
  width: 100%;
  /* locomotive */
}

#offices .blackbox {
  min-height: 16.66666vw;
}

.section-item:nth-child(even) {
  flex-direction: row-reverse;
}

.section-item:nth-child(even) .text-container {
  margin-left: auto;
  margin-right: 0;
}

.bottom-line.light-grey {
  border-bottom: 1px solid #e9e9ea;
}

#values .container-flame {
  bottom: -47vh;
  left: -25vw;
}

#opportunities .container-flame {
  top: 10%;
}

@media screen and (min-width: 768px) {
  .offices {
    background-image: url('/public/img/hero-workflow.jpg');
    /* locomotive */
    background-size: cover;
    /* locomotive */
    width: 120%;
    /* locomotive */
    left: -10%;
    /* locomotive */
    height: 100%;
  }
  .offices.francesco {
    background-image: url('/public/img/francesco.png');
    /* locomotive */
    background-size: cover;
    /* locomotive */
    width: 120%;
    /* locomotive */
    left: -10%;
    /* locomotive */
    height: 100%;
  }
}

@media screen and (max-width: 768px) {
  #values .side brackets py-12 h-full>div {
    width: 100%;
    margin: 0;
  }

  #values .list-item {
    padding-bottom: 2rem;
  }

  #values .list-item:last-child {
    padding-bottom: 0;
  }

  #working .section-item:nth-child(even) {
    flex-direction: column;
  }

  #opportunities .side-brackets>div {
    width: 100%;
    margin: 0;
  }

  #opportunities .list-item .link-container {
    margin-left: auto;
  }
}

.offices {}

@media screen and (min-width: 768px) {
  .offices {
    background-image: url('/public/img/hero-workflow.jpg');
    background-size: cover;
    width: 120%;
    left: -10%;
  }
}

@media screen and (min-width:1024px) {
  #values .container-flame {
    top: 20vh;
    left: -33vw;
    bottom: auto;
  }
}

@media screen and (min-width:1280px) {
  #values .container-flame {
    left: -10vw;
  }

}

@media screen and (min-width:1600px) {
  #values .container-flame {
    left: 0;
  }
}
