.viewport-modal-container{background-color:#efefef;z-index:1001;margin:0 auto;position:fixed;top:0;left:0;width:100%;height:100%;display:none;font-size:11px}
.viewport-modal-container .content{overflow:scroll;overflow-x:hidden;-webkit-overflow-scrolling:touch;height:calc(100% - 4.8em);padding:4.8em 0 0 0}
.cq-wcm-edit .viewport-modal-container,.cq-wcm-design .viewport-modal-container{display:block;position:relative;width:75.2vw}
.viewport-modal-container .content>h2{text-align:center;color:#333;font-weight:normal;font-size:2.2em;margin:0 auto;line-height:1.2em;width:13em}
.viewport-modal-container .content>p{width:auto;padding:1.05em 10%;margin:0 auto;text-align:center;font-size:1.3em;line-height:1.5em;color:#333}
.modal-open{position:fixed;overflow:hidden !important}
.viewport-modal-container .modal-close{display:block;cursor:pointer;position:fixed;top:.7em;border:0;right:.7em;height:29px;width:29px;background:url(../../../../../content/dam/subaru/shopping-tools/get-a-brochure/desktop/icons/close_modal.png) no-repeat center/contain;z-index:10}
.cq-wcm-edit .viewport-modal-container .modal-close{position:absolute}
@media only screen and (max-width:47em) and (orientation:landscape){.viewport-modal-container .content>p{width:31em;padding-top:1.3em}
}
@media only screen and (min-width:48em){.viewport-modal-container{font-size:13px}
.viewport-modal-container .content>p{width:auto;padding:1.3em 10% 0;font-size:18.5px}
.viewport-modal-container .modal-close{top:1.55em;right:1.4em;height:40px;width:40px}
}
@media only screen and (min-width:64em){.viewport-modal-container{font-size:16px}
}