@import url("https://fonts.googleapis.com/css2?family=Balsamiq+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap");
html {
  background-color: #F7F9F9;
}

main {
  margin-top: 100px;
  margin-bottom: 50px;
}
main .images_raster .image_holder {
  width: 100%;
  height: 100%;
  border: rgb(233, 22, 75) solid 1px;
  border-radius: 25px;
}
main .images_raster .line {
  width: 1px;
  margin: 0 10px;
}
main .images_raster .text_box.left p {
  background-color: rgb(100, 149, 237);
}
main .images_raster .text_box.right p {
  background-color: rgb(233, 22, 75);
}
main .images_raster .text_box p {
  border-radius: 25px;
  padding: 50px;
  color: white;
}
main .cta_holder {
  margin-top: 50px;
}
main .cta_holder .cta {
  background-color: rgb(100, 149, 237);
  border-radius: 25px;
  padding: 50px;
}
main .cta_holder .cta p {
  color: white;
}

@media only screen and (max-width: 480px) {
  main {
    margin-top: 25px;
    margin-bottom: 25px;
  }
  main .images_raster .block:nth-child(even) {
    flex-direction: column-reverse;
  }
  main .images_raster .image_holder {
    border-radius: 0;
  }
  main .cta_holder {
    margin-top: 0;
  }
}/*# sourceMappingURL=index.css.map */