@media screen and (max-width: 1400px) {


}

@media screen and (max-width: 1000px) {
  :root {
    --fontSize50: 50px;
    --fontSize24: 24px;
  }

  .desktopElem {
    display: none;
  }

  .mobileElem {
    display: block;
  }

  .mobileMarker {
    display: block;
  }




  /* body and general____________________________________________ */

 

  .packageElem {
    flex-direction: column;
    padding: 10px;
  }

  .leftPackage, .rightPackage {
    flex: unset
  }

  .colleagueElem {
    padding: 0;
  }

  .colleagueName, .colleagueJobtitle {
    font-size: 20px;
  }

  



}


@media screen and (max-width: 768px) {

  .featuredSection {
    grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .featOuterElem {
    margin-bottom: 50px;
  }


  .projectContainer {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .servicesContainer {
      grid-template-columns: repeat(1, minmax(0, 1fr));
  }

  .teamContainer {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    grid-gap: 10px;
  }




}