* { -webkit-box-sizing: border-box; box-sizing: border-box; }

.ad-outer-container { -webkit-transform: scale(0); transform: scale(0); position: fixed; top: 0; left: 0; z-index: 88; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; }

.front-ad { position: relative; -webkit-box-shadow: 0px 0px 5px black; box-shadow: 0px 0px 5px black; width: 90%; max-width: 750px; color: white; height: auto; background-image: url(../images/ad-images/Picture3.png); background-size: cover; background-position: bottom right; }

.front-ad .closebtn { position: absolute; top: -20px; right: -20px; }

.front-ad .closebtn button { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; padding: 0; width: 40px; height: 40px; border: none; border-radius: 50%; font-size: 30px; }

.front-ad .ad-container { padding: 1em; display: -ms-grid; display: grid; -ms-grid-columns: 1.5fr 1fr; grid-template-columns: 1.5fr 1fr; }

.front-ad .ad-container .ads-content { width: 100%; height: auto; }

.front-ad .ad-container .ads-content .ad-heading { display: -ms-grid; display: grid; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: 1fr 3fr; grid-template-columns: 1fr 3fr; }

.front-ad .ad-container .ads-content .ad-heading img { width: 100%; background: transparent; }

.front-ad .ad-container .ads-content .ad-heading h2 { text-align: center; font-style: italic; font-weight: 700; color: #ffd253; }

.front-ad .ad-container .ads-content .ad-content { padding: 0 2rem; }

.front-ad .ad-container .ads-content .ad-content .ad-btn { text-align: center; }

.front-ad .ad-container .ads-content .ad-content .ad-btn a { padding: 0.2rem 1.5rem 0.4rem 1.5rem; margin: auto; width: -webkit-max-content; width: -moz-max-content; width: max-content; background: #c56039; border-radius: 5px; color: inherit; text-decoration: none; }

.front-ad .ad-container .image { width: 100%; }

.front-ad .ad-container .image img { width: 100%; }

@media (max-width: 568px) { .front-ad .ad-container { grid-template-areas: 'content content'; }
  .front-ad .ad-container .ads-content { -ms-grid-row: 1; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-area: content; }
  .front-ad .ad-container .ads-content .ad-heading > h2 { font-size: 1.2rem !important; }
  .front-ad .ad-container .image { display: none; } }

@media (max-width: 900px) { .front-ad { width: 90%; } }
/*# sourceMappingURL=main.css.map */