.webpushModal {
  background: #FFFFFF;
  height: 100%;
  width: 100%;
  padding: 15px;
  padding-bottom: 30px; }

.webpushModal__top {
  height: 60px;
  max-width: calc(100% - 44px); }

.webpushModal__icon {
  padding-top: 0.625rem;
  padding-bottom: 20px;
  max-height: 110px; }

.webpushModal__title {
  text-transform: uppercase;
  font-family: "SourceSansPro";
  font-weight: 600;
  color: #1B1B4F;
  font-size: 1.5625rem; }

.webpushModal__text {
  max-width: 400px;
  font-size: 1.0625rem;
  font-weight: 200;
  color: #3D3D3D;
  text-align: center;
  padding-top: 0.625rem; }

.webpushModal__button {
  margin-top: 20px; }

@media (min-width: 768px) {
  .webpushModal {
    padding: 1.875rem;
    margin-top: 0; }
  .webpushModal__top {
    height: 4.70588vw; }
  .webpushModal__logo {
    max-height: 120%; }
  .webpushModal__icon {
    padding-top: 0.58824vw;
    padding-bottom: 1.76471vw;
    max-height: 8.23529vw; }
  .webpushModal__text {
    max-width: 60%; }
  .webpushModal__button {
    margin-top: 2.05882vw; } }

@media (min-width: 1700px) {
  .webpushModal__top {
    height: 80px; }
  .webpushModal__icon {
    padding-top: 10px;
    padding-bottom: 30px;
    max-height: 140px; }
  .webpushModal__button {
    margin-top: 35px; } }
/*# sourceMappingURL=webpush_modal.css.map */