@charset "UTF-8";
.mma-parent {
 padding-bottom:30px;
 padding-top:30px;
}
.mma-parent .grid {
 -ms-flex-align:center;
 align-items:center;
 -ms-flex-pack:justify;
 justify-content:space-between;
 -ms-flex-direction:row-reverse;
 flex-direction:row-reverse;
}
.mma-parent .button {
 min-width:240px;
}
.mma-parent .image {
 padding-bottom:0;
 text-align:center;
}
.mma-parent .image .inner {
 height:0;
 padding-bottom:100%;
 position:relative;
 width:100%;
}
.mma-parent .image .inner>picture {
 display:block;
 position:absolute;
 height:100%;
 width:70%;
}
.mma-parent .image .inner>picture::after {
 background:url("/Content/images/DomainProgressive/wh3/base/icons/dot-pattern.svg") center;
 bottom:-30px;
 content:'';
 display:block;
 left:30px;
 position:absolute;
 right:-30px;
 top:30px;
 z-index:4;
}
@media only screen and (max-width:700px) {
 .mma-parent .image .inner>picture::after {
  background-image:radial-gradient(#8fd8f2 15%,transparent 16%),radial-gradient(#8fd8f2 15%,transparent 16%);
  background-size:10px 10px;
  background-position:0 0,5px 5px;
 }
}
.mma-parent .image .inner>picture img {
 left:0;
 position:absolute;
 top:50%;
 transform:translateY(-50%);
 z-index:10;
 width:100%;
 height:auto;
 display:block;
}
.mma-parent .image .inner .stacked-type {
 width:calc((((100% - (16px*4))/5) + 16px)*3);
 height:auto;
 position:absolute;
 right:0;
 top:30px;
 z-index:11;
}
.mma-parent .image .inner .stacked-type svg {
 width:100%;
 height:auto;
}
.mma-parent .copy p+.button {
 margin-top:2.4rem;
}
.mma-parent+.mma-parent {
 margin-top:10rem;
}
.mma-parent .secondary-link {
 margin-top:1em;
}
@media only screen and (max-width:1200px) {
 .mma-parent .copy {
  margin-left:0;
 }
}
@media only screen and (max-width:900px) {
 .mma-parent.wrap {
  padding-bottom:0;
  padding-top:20px;
 }
 .mma-parent .grid {
  -ms-flex-direction:column;
  flex-direction:column;
 }
 .mma-parent .image {
  -ms-flex:auto 0 0;
  flex:auto 0 0;
  width:100%;
 }
 .mma-parent .image .inner picture {
  width:calc(100% - 20px);
  height:calc(100% - 20px);
 }
 .mma-parent .image .inner picture::after {
  bottom:-20px;
  left:20px;
  position:absolute;
  right:-20px;
  top:20px;
 }
 .mma-parent .image .inner picture img {
  box-shadow:0 0 32px 0 rgba(45,45,45,.1);
 }
 .mma-parent .image .inner .stacked-type {
  width:47%;
  right:10px;
  top:40px;
 }
 .mma-parent .copy {
  -ms-flex:auto 0 0;
  flex:auto 0 0;
  margin-top:50px;
  max-width:100%;
  padding-bottom:0;
  text-align:left;
 }
}
@media only screen and (max-width:780px) {
 .mma-parent .secondary-link {
  margin-top:2em;
 }
}
@media only screen and (max-width:670px) {
 .mma-parent .image {
  -ms-flex:auto 0 0;
  flex:auto 0 0;
 }
}
@media screen and (-ms-high-contrast:active) {
 img[src*=".svg"] {
  filter:invert(100%);
 }
}
@media screen and (-ms-high-contrast:white-on-black) {
 img[src*=".svg"] {
  filter:invert(100%);
  background-color:#fff;
 }
}