* {
  box-sizing: border-box;
}

.flex {
  display: flex;
}
.flex.column {
  flex-direction: column;
  height: 100%;
}

a {
  display: block;
}

.snippetsWrap:not(.snippetsWrap-v3) {
  display: flex;
  justify-content: space-between;
  height: auto;
  flex-wrap: wrap;
  max-width: 936px;
  min-width: 750px;
  margin-top: 40px;
  position: relative;
}
@media (max-width: 1480px) {
  .snippetsWrap:not(.snippetsWrap-v3) {
    min-width: 100%;
    margin-bottom: 15px;
  }
}
.snippetsWrap:not(.snippetsWrap-v3) .snippet {
  width: 360px;
  min-width: 290px;
  height: 270px;
  cursor: pointer;
  font-family: "Poppins", sans-serif;
  margin-bottom: 40px;
  border-radius: 8px;
  -webkit-box-shadow: 0 0 7px 0 rgba(149, 149, 149, 0.56);
}
.snippetsWrap:not(.snippetsWrap-v3) .snippet:nth-child(odd) {
  margin-right: 20px;
}
@media (max-width: 720px) {
  .snippetsWrap:not(.snippetsWrap-v3) .snippet:nth-child(odd) {
    margin: 15px auto;
  }
}
@media (max-width: 1480px) {
  .snippetsWrap:not(.snippetsWrap-v3) .snippet {
    width: 48%;
  }
}
@media (max-width: 720px) {
  .snippetsWrap:not(.snippetsWrap-v3) .snippet {
    width: 100%;
    min-width: 100%;
    margin: 15px auto;
  }
}
.snippetsWrap:not(.snippetsWrap-v3) .snippet .inner {
  border-radius: 10px;
  height: 100%;
  width: 100%;
  position: relative;
}
.snippetsWrap:not(.snippetsWrap-v3) .snippet .snippetTitle {
  line-height: 28px;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
  text-transform: uppercase;
  color: #000000;
  font-family: "Roboto Slab", serif;
}
@media (max-width: 720px) {
  .snippetsWrap:not(.snippetsWrap-v3) .snippet .snippetTitle {
    font-size: 18px;
  }
}
.snippetsWrap:not(.snippetsWrap-v3) .snippet p {
  font-family: "Roboto", sans-serif;
  font-weight: 300;
  font-size: 16px;
  line-height: 22px;
  color: #000000;
}
.snippetsWrap:not(.snippetsWrap-v3) .snippet .snippetCta {
  text-transform: uppercase;
  text-align: center;
  font-family: "Nunito Sans", sans-serif;
  font-weight: bold;
  font-size: 16px;
  padding: 6px 15px;
  border: none;
  border-radius: 5px;
  color: #000000;
  background: #FFFFFF;
  position: absolute;
  bottom: 20px;
  filter: drop-shadow(0px 2px 2px rgba(0, 0, 0, 0.25));
}
.snippetsWrap:not(.snippetsWrap-v3) .snippet .snippetCta:hover {
  opacity: 0.9;
}

.snippetsWrap.snippetsWrap-v3 {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -17px;
  margin-left: -17px;
  margin-top: 40px;
}
@media (max-width: 720px) {
  .snippetsWrap.snippetsWrap-v3 {
    margin: 0;
  }
}
.snippetsWrap.snippetsWrap-v3 .snippet {
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  max-width: 50%;
  border-radius: 8px;
  min-height: 290px;
  padding: 0px 17px;
  margin-bottom: 40px;
}
.snippetsWrap.snippetsWrap-v3 .snippet .inner-snippet {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
@media only screen and (max-width: 1199px) and (min-width: 992px) {
  .snippetsWrap.snippetsWrap-v3 .snippet .what-kind-of-angel-are-you .title h3 .text-strock:nth-child(2) {
    top: 170px;
  }
}
@media only screen and (max-width: 1199px) and (min-width: 768px) {
  .snippetsWrap.snippetsWrap-v3 .snippet .which-prophet-are-you .questionMark {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .which-prophet-are-you .questionMark img {
    width: 100%;
    height: auto;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .knowBible .artboard,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .artboard,
.snippetsWrap.snippetsWrap-v3 .snippet .inspirational-quotes .artboard {
    left: 0px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .knowBible .artboard img,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .artboard img,
.snippetsWrap.snippetsWrap-v3 .snippet .inspirational-quotes .artboard img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .knowBible .cloud,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .cloud,
.snippetsWrap.snippetsWrap-v3 .snippet .inspirational-quotes .cloud {
    left: 0px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .knowBible .cloud img,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .cloud img,
.snippetsWrap.snippetsWrap-v3 .snippet .inspirational-quotes .cloud img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .inspirational-quotes .inspiring-quotes-img {
    left: 0px;
    margin-left: 0px;
    width: 100%;
    text-align: center;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .inspirational-quotes .inspiring-quotes-img img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .text,
.snippetsWrap.snippetsWrap-v3 .snippet .strock:before {
    font-size: 30px !important;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .jeopardy .text,
.snippetsWrap.snippetsWrap-v3 .snippet .jeopardy .strock:before,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-bible-verses .text,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-bible-verses .strock:before,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .text,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .strock:before {
    font-size: 24px !important;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet h3 {
    line-height: 38px !important;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .jeopardy h3,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-bible-verses h3,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions h3 {
    line-height: 34px !important;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .which-book-of-the-bible-are-you .title h3 {
    margin-top: -70px;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .which-book-of-the-bible-are-you .book {
    left: 0%;
    margin-left: 0px;
    width: 100%;
    text-align: center;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .which-book-of-the-bible-are-you .book img {
    width: auto;
    height: auto;
    max-width: 100%;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .meaningful-topic ul li span {
    font-size: 12px;
  }
}
@media (max-width: 450px) {
  .snippetsWrap.snippetsWrap-v3 .snippet .which-prophet-are-you .questionMark {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    height: auto;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .which-prophet-are-you .questionMark img {
    width: 100%;
    height: auto;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .knowBible .cloud,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .cloud,
.snippetsWrap.snippetsWrap-v3 .snippet .inspirational-quotes .cloud {
    left: 0px;
    margin-left: 0px;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .knowBible .cloud img,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .cloud img,
.snippetsWrap.snippetsWrap-v3 .snippet .inspirational-quotes .cloud img {
    width: 100%;
    height: auto;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .text,
.snippetsWrap.snippetsWrap-v3 .snippet .strock:before {
    font-size: 30px !important;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .jeopardy .text,
.snippetsWrap.snippetsWrap-v3 .snippet .jeopardy .strock:before,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-bible-verses .text,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-bible-verses .strock:before,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .text,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions .strock:before {
    font-size: 24px !important;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet h3 {
    line-height: 38px !important;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .jeopardy h3,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-bible-verses h3,
.snippetsWrap.snippetsWrap-v3 .snippet .popular-questions h3 {
    line-height: 34px !important;
  }
  .snippetsWrap.snippetsWrap-v3 .snippet .meaningful-topic ul li span {
    font-size: 14px;
  }
}
@media (max-width: 767px) {
  .snippetsWrap.snippetsWrap-v3 .snippet {
    -ms-flex: 0 0 100%;
    -webkit-box-flex: 0;
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0px 10px;
    margin: 15px auto;
  }
}
@media (max-width: 1480px) {
  .snippetsWrap.snippetsWrap-v3 {
    min-width: 100%;
    margin-bottom: 15px;
  }
}

@media (min-width: 1220px) {
  .container {
    max-width: 1220px !important;
  }
}
/* common */
.ribbon {
  width: 118px;
  height: 112px;
  background-image: url("images/ribbon.svg");
  overflow: hidden;
  position: absolute;
  z-index: 999;
  display: flex;
  align-items: center;
  justify-content: center;
}

.ribbon span {
  font: 15px/1 "Poppins", sans-serif;
  transform: rotate(15deg);
  font-weight: bold;
  position: absolute;
  display: block;
  padding: 0 10px;
  text-align: center;
  color: #fff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
  white-space: normal;
}

/* top right*/
.ribbon-top-right {
  top: -46px;
  right: -9px;
}

.ribbon-top-right::before,
.ribbon-top-right::after {
  border-top-color: transparent;
  border-right-color: transparent;
}

.ribbon-top-right::before {
  top: 0;
  left: 0;
}

.ribbon-top-right::after {
  bottom: 0;
  right: 0;
}

/*# sourceMappingURL=style.css.map */