/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
/***************************
 Typography Font Weight Mixins
***************************/
/***************************
 Typography Font Style Mixins
***************************/
/***************************
 Typography Margins Mixins
***************************/
.vpn {
  /** TODO: replace with XSmall breakpoint */
}
.vpn .mobile-hero__bg-vector {
  top: 5.9375rem;
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .vpn__vpn-block.content-layout {
    margin-top: 12.5rem;
    margin-bottom: 9.375rem;
  }
  .vpn__youtube-block.content-layout {
    margin-top: 3.125rem;
    margin-bottom: 6.25rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .vpn .feature-section-two {
    margin-bottom: 6.25rem;
  }
  .vpn .flag-section {
    margin-top: 6.875rem;
  }
  .vpn__vpn-block.content-layout {
    margin-top: 8.125rem;
  }
  .vpn__vpn-block.content-layout:not(:has(~ .vpn__youtube-block)) {
    margin-bottom: 0;
  }
  .vpn__vpn-block.content-layout .app-list__app {
    width: 14.375rem;
    right: -3.75rem;
    top: -7.5rem;
    position: relative;
  }
  .vpn__youtube-block.content-layout {
    margin-top: 9.375rem;
    margin-bottom: 6.25rem;
  }
  .vpn__youtube-block.content-layout .youtube-restricted__app {
    top: -3.125rem;
  }
  .vpn__youtube-block.content-layout .youtube-restricted__app img {
    width: 20.9375rem;
  }
}
@media only screen and (max-width: 350px) {
  .vpn__vpn-block.content-layout .app-list__app {
    width: 12.5rem;
    left: 2.5rem;
    top: -8.125rem;
  }
  .vpn__youtube-block.content-layout .youtube-restricted__app img {
    width: 100%;
  }
}