/* GANTRY5 DEVELOPMENT MODE ENABLED.

   WARNING: This file is automatically generated by Gantry5. Any modifications to this file will be lost!

   For more information on modifying CSS, please read:

   http://docs.gantry.org/gantry5/configure/styles
   http://docs.gantry.org/gantry5/tutorials/adding-a-custom-style-sheet
 */

@media screen and (min-width: 900px) {
  /* line 2, templates/rt_notio/custom/scss/custom.scss */
  div.laser-item {
    margin: 25px 0.75%;
    border: 1px solid #eee;
    width: 70%;
    display: inline-block;
    vertical-align: top;
    padding: 1rem;
  }
}
@media screen and (max-width: 899px) {
  /* line 12, templates/rt_notio/custom/scss/custom.scss */
  div.laser-item {
    margin: 25px 0.75%;
    border: 1px solid #eee;
    width: 90%;
    display: inline-block;
    vertical-align: top;
    padding: 1rem;
  }
}
/* line 22, templates/rt_notio/custom/scss/custom.scss */
div.laser-title {
  font-weight: bold;
  font-size: 2.5rem;
  color: #ed1c24;
  font-family: 'Abel', sans-serif;
}
/* line 28, templates/rt_notio/custom/scss/custom.scss */
div.laser-subtitle {
  font-style: italic;
  font-size: 1.5rem;
  font-family: 'Abel', sans-serif;
}
/* line 33, templates/rt_notio/custom/scss/custom.scss */
div.laser-description {
  text-align: left;
  font-family: 'Open Sans', sans-serif;
}
/* line 37, templates/rt_notio/custom/scss/custom.scss */
div.laser-img img {
  width: 100%;
  margin: 5% 0;
}