/*------------------------------------*\
  LOCAL SCREENS
\*——————————————————*/

/*------------------------------------*\
  END LOCAL SCREENS
\*------------------------------------*/
/*------------------------------------*\
  LOCAL FIXES
\*——————————————————*/

.geo-alt-disclaimer {
  font-size: 19px; 
  line-height: 23px;
  font-weight: 400;
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .geo-alt-disclaimer {
    font-size: 14px;
    line-height: 17px;
  }
}

@media only screen and (max-width: 734px) {
  .geo-alt-disclaimer {
    font-size: 12px;
    line-height: 14px;
  }
}

@media (min-width: 735px) and (max-width: 1068px) {
    .section-highlights .media-gallery .media-gallery-item-liquid-glass .caption-container .caption {
        width: 280px;
    }
}

.compatibility-card .compatibility-headline {
    max-width: none;
}

.section-developers .section-card-headline{
      max-width: 20ch;
}


.media-card-disclaimer {
  font-size: 16px; 
  line-height: 20px;
  font-weight: 400;
  font-family: SF Pro Text, SF Pro Icons, Helvetica Neue, Helvetica, Arial, sans-serif;
  color: #FFFFFF;
  opacity: 56%;
}

#shared-welcome-hero-endframe-6 > img{
    margin-top: 50px;
  }
@media only screen and (min-width: 1068px) {
  #highlights-gallery-item-1 > div > div.caption-container.pin-top-center > div{
    width: 700px;
  }
  #highlights-gallery-item-2 > div > div.caption-container.pin-bottom-center > div{
    width: 700px;
  }
}

@media only screen and (min-width: 735px) and (max-width: 1068px) {
  .media-card-disclaimer {
    font-size: 14px;
    line-height: 17px;
  }
  #shared-welcome-hero-endframe-6 > img{
    margin-top: 50px;
  }
  #highlights-gallery-item-2 > div > div.caption-container.pin-bottom-center > div{
    width: 600px;
    margin-right: 30px;
    margin-left: 30px;
  }
}

@media only screen and (max-width: 734px) {
  .media-card-disclaimer {
    font-size: 12px;
    line-height: 14px;
  }
  #shared-welcome-hero-endframe-6 > img{
    margin-top: 0px;
  }
  #highlights-gallery-item-5 > div > div.media-block.media-container.pin-center{
    margin-top: -30px;
  }
}

@media only screen and (max-width: 734px) {
  .media-gallery-item-6 .caption-animation-container {
  --caption-offset:0px;
  }
}

@media only screen and (max-width: 429px) {
  .media-card-margin{
    margin-bottom: 20px!important;
    margin-right: 10px!important;
    margin-left: 10px!important;
  }
}



/*------------------------------------*\
  END LOCAL FIXES
\*------------------------------------*/