/* Welcome to Compass.
 * In this file you should write your main styles. (or centralize your imports)
 * Import this file using the following HTML or equivalent:
 * <link href="/stylesheets/screen.css" media="screen, projection" rel="stylesheet" type="text/css" /> */
/* line 7, ../sass/not-front.scss */
.page-node-175 .wrapper-ipad-videos,
.page-node-183 .wrapper-ipad-videos {
  max-width: 800px;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between;
  margin: -20px 0 0 0;
}
/* line 13, ../sass/not-front.scss */
.page-node-175 .wrapper-ipad-videos .item,
.page-node-183 .wrapper-ipad-videos .item {
  width: 100%;
  margin-top: 30px;
}
/* line 16, ../sass/not-front.scss */
.page-node-175 .wrapper-ipad-videos .item img,
.page-node-183 .wrapper-ipad-videos .item img {
  width: 100%;
  height: auto;
  cursor: pointer;
}
/* line 21, ../sass/not-front.scss */
.page-node-175 .wrapper-ipad-videos .item video,
.page-node-183 .wrapper-ipad-videos .item video {
  width: 100%;
  height: auto;
  margin-top: 0;
  margin-bottom: 0;
}
/* line 29, ../sass/not-front.scss */
.page-node-175 iframe,
.page-node-183 iframe {
  max-width: 100%;
}

@media only screen and (min-width: 768px) {
  /* line 42, ../sass/not-front.scss */
  .page-node-175 .wrapper-ipad-videos .item,
  .page-node-183 .wrapper-ipad-videos .item {
    width: calc(50% - 20px);
  }
}