/**
 * 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
***************************/
.webshield {
  /** TODO: replace with XSmall breakpoint */
}
.webshield .mobile-hero__bg-vector {
  top: -7.1875rem;
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .webshield__browser-block.content-layout {
    margin-top: 9.375rem;
    margin-bottom: 0;
  }
  .webshield__phone-block.content-layout {
    margin-top: 9.375rem;
    margin-bottom: 8.125rem;
  }
}
@media print, screen and (max-width: 39.99875em) {
  .webshield .supported-browsers {
    margin-bottom: 7.5rem;
  }
  .webshield .feature-section-two {
    margin-top: 5rem;
    margin-bottom: 5rem;
  }
  .webshield__phone-block.content-layout .webshield-enabled-two__app {
    top: -2.5rem;
  }
  .webshield__browser-block.content-layout {
    margin-bottom: 5.625rem;
  }
  .webshield__browser-block.content-layout .webshield-protection-toggle__app {
    top: -4.6875rem;
    right: 6.875rem;
  }
}
@media only screen and (max-width: 350px) {
  .webshield__browser-block.content-layout .webshield-protection-toggle__app {
    left: -9.6875rem;
    width: 90%;
  }
  .webshield__browser-block.content-layout .webshield-protection-toggle__browser-icon {
    width: 6.25rem;
    left: 6.25rem;
    top: -4.625rem;
  }
}