.path-lessons .views-element-container {
  width: 100vw;
  margin-left: -30px;
}

.path-lessons .views-row .views-col {
  position: relative;
  height: 217px;
  margin-bottom: 22px;
  box-shadow: 0 8px 6px 0 rgba(0, 0, 0, 0.15);
}

.path-lessons .views-row .views-col:before {
  position: absolute;
  display: block;
  content: " ";
  top: 47px;
  left: 0;
  width: 36%;
  height: 170px;
  background-image: url(../images/lesson-01-mobile.jpg);
  background-position: center;
}

.path-lessons .views-row.row-1 .views-col.col-2:before {
  background-image: url(../images/lesson-02-mobile.jpg);
}

.path-lessons .views-row.row-2 .views-col.col-1:before {
  background-image: url(../images/lesson-03-mobile.jpg);
}

.path-lessons .views-row.row-2 .views-col.col-2:before {
  background-image: url(../images/lesson-04-mobile.jpg);
}

.path-lessons .views-row.row-3 .views-col.col-1:before {
  background-image: url(../images/lesson-05-mobile.jpg);
}

.path-lessons .views-row.row-3 .views-col.col-2:before {
  background-image: url(../images/lesson-06-mobile.jpg);
}

.path-lessons .views-row.row-4 .views-col.col-1:before {
  background-image: url(../images/lesson-07-mobile.jpg);
}

.path-lessons .views-row.row-4 .views-col.col-2:before {
  background-image: url(../images/lesson-08-mobile.jpg);
}

.path-lessons .views-row.row-5 .views-col.col-1:before {
  background-image: url(../images/lesson-09-mobile.jpg);
}

.path-lessons .views-row.row-5 .views-col.col-2:before {
  background-image: url(../images/lesson-10-mobile.jpg);
}

.path-lessons .views-row.row-6 .views-col.col-1:before {
  background-image: url(../images/lesson-11-mobile.jpg);
	background-position: -44px center;
}

.path-lessons .views-row.row-6 .views-col.col-2:before {
  background-image: url(../images/lesson-12-mobile.jpg);
	background-position: -90px center;
}

.path-lessons .views-row.row-7 .views-col.col-1:before {
  background-image: url(../images/lesson-13-mobile.jpg);
	background-position: -9px center;
}

.path-lessons .views-row.row-7 .views-col.col-2:before {
  background-image: url(../images/lesson-14-mobile.jpg);
}

.path-lessons .views-row.row-8 .views-col.col-1:before {
  background-image: url(../images/lesson-15-mobile.jpg);
	background-position: -54px center;
}

.path-lessons .views-row.row-8 .views-col.col-2:before {
  background-image: url(../images/lesson-16-mobile.jpg);
}

.path-lessons .views-row.row-9 .views-col.col-1:before {
  background-image: url(../images/lesson-17-mobile.jpg);
  background-position: -31px center;
}

.path-lessons .views-row.row-9 .views-col.col-2:before {
  background-image: url(../images/lesson-18-mobile.jpg);
  background-position: -57px center;
}

.path-lessons .views-row.row-10 .views-col.col-1:before {
  background-image: url(../images/lesson-19-mobile.jpg);
}

.path-lessons .views-row.row-10 .views-col.col-2:before {
  background-image: url(../images/lesson-20-mobile.jpg);
}

.path-lessons .views-row.row-11 .views-col.col-1:before {
  background-image: url(../images/lesson-21-mobile.jpg);
}

.path-lessons .views-row.row-11 .views-col.col-2:before {
  background-image: url(../images/lesson-22-mobile.jpg);
}

.path-lessons .views-row.row-12 .views-col.col-1:before {
  background-image: url(../images/lesson-23-mobile.jpg);
}

.path-lessons .views-row.row-12 .views-col.col-2:before {
  background-image: url(../images/lesson-24-mobile.jpg);
}

.path-lessons .views-row.row-13 .views-col.col-1:before {
  background-image: url(../images/lesson-25-mobile.jpg);
}

.path-lessons .views-row.row-13 .views-col.col-2:before {
  background-image: url(../images/lesson-26-mobile.jpg);
}

.path-lessons .views-row.row-14 .views-col.col-1:before {
  background-image: url(../images/lesson-27-mobile.jpg);
}

.path-lessons .views-row.row-14 .views-col.col-2:before {
  background-image: url(../images/lesson-28-mobile.jpg);
}

.path-lessons .views-row.row-15 .views-col.col-1:before {
  background-image: url(../images/lesson-29-mobile.jpg);
}

.path-lessons .views-row.row-15 .views-col.col-2:before {
  background-image: url(../images/lesson-30-mobile.jpg);
}

.path-lessons .views-row.row-16 .views-col.col-1:before {
  background-image: url(../images/lesson-31-mobile.jpg);
}

.path-lessons .views-row.row-16 .views-col.col-2:before {
  background-image: url(../images/lesson-32-mobile.jpg);
}

.path-lessons .views-field-title {
  background: #922449;
  height: 47px;
  font-size: 20px;
  line-height: 47px;
  padding: 0 20px;
}

.views-field-field-lesson-number .field-content, .page-node-type-lesson .page-title .lesson-number {
  position: absolute;
  top: 40px;
  left: 36%;
  width: 36px;
  height: 40px;
  margin-left: -36px;
  color: #fff;
  font-size: 18px;
  font-weight: 600;
  line-height: 40px;
  text-align: center;
  background: #922449;
}

.page-node-type-lesson .page-title .lesson-number {
  position: relative;
  display: block;
  font-size: 25px;
  width: 43px;
  top: 0;
  left: 0;
  margin-left: 0;
  margin-bottom: 4px;
}

.path-lessons .views-field-title a {
  color: #fff;
  font-weight: 600;
}

.path-lessons .views-field-body, .path-lessons .learn-more {
  display: block;
  margin-left: 36%;
  padding: 0 16px 16px 4px;
}

.path-lessons .learn-more {
  position: absolute;
  bottom: 0;
  padding: 0 16px 12px 8px;
}

.path-lessons .learn-more a {
  left: 12px;
  font-size: 12px;
  font-weight: 400;
}

.page-node-type-lesson .block-page-title-block {
  position: relative;
  padding-top: 272px;
}

.page-node-type-lesson .page-title {
  padding-bottom: 14px;
  margin-bottom: 14px;
}

.page-node-type-lesson #lesson-index {
  position: absolute;
  left: 0;
  top: 208px;
  height: 56px;
  padding: 0 18px;
  background: #922449;
}

.page-node-type-lesson #lesson-index a {
  position: relative;
  color: #fff;
  font-size: 25px;
  font-weight: 400;
  line-height: 56px;
}

.page-node-type-lesson #lesson-index a:before {
  content: " ";
  display: inline-block;
  margin-top: 3px;
  width: 20px;
  height: 20px;
  border-top: 3px solid #fff;
  border-left: 3px solid #fff;
  transform: rotate(-45deg);
}

.page-node-type-lesson article.node--type-lesson {
  position: relative;
}

.page-node-type-lesson article.node--type-lesson:before {
  content: " ";
  display: block;
  position: absolute;
  top: -423px;
  left: 0;
  width: 100vw;
  margin-left: -40px;
  height: 197px;
  background-repeat: no-repeat;
  background-position: center;
}

.page-node-type-lesson #lesson-1:before {
  background-image: url(../images/lesson-01-main-mobile.jpg);
}

.page-node-type-lesson #lesson-2:before {
  background-image: url(../images/lesson-02-main-mobile.jpg);
}

.page-node-type-lesson #lesson-3:before {
  background-image: url(../images/lesson-03-main-mobile.jpg);
}

.page-node-type-lesson #lesson-4:before {
  background-image: url(../images/lesson-04-main-mobile.jpg);
}

.page-node-type-lesson #lesson-5:before {
  background-image: url(../images/lesson-05-main-mobile.jpg);
}

.page-node-type-lesson #lesson-6:before {
  background-image: url(../images/lesson-06-main-mobile.jpg);
}

.page-node-type-lesson #lesson-7:before {
  background-image: url(../images/lesson-07-main-mobile.jpg);
}

.page-node-type-lesson #lesson-8:before {
  background-image: url(../images/lesson-08-main-mobile.jpg);
}

.page-node-type-lesson #lesson-9:before {
  background-image: url(../images/lesson-09-main-mobile.jpg);
}

.page-node-type-lesson #lesson-10:before {
  background-image: url(../images/lesson-10-main-mobile.jpg);
  background-position: left center;
}

.page-node-type-lesson #lesson-11:before {
  background-image: url(../images/lesson-11-main-mobile.jpg);
  background-position: left center;
}

.page-node-type-lesson #lesson-12:before {
  background-image: url(../images/lesson-12-main-mobile.jpg);
  background-position: right center;
}

.page-node-type-lesson #lesson-13:before {
  background-image: url(../images/lesson-13-main-mobile.jpg);
}

.page-node-type-lesson #lesson-14:before {
  background-image: url(../images/lesson-14-main-mobile.jpg);
}

.page-node-type-lesson #lesson-15:before {
  background-image: url(../images/lesson-15-main-mobile.jpg);
  background-position: left center;
}

.page-node-type-lesson #lesson-16:before {
  background-image: url(../images/lesson-16-main-mobile.jpg);
}

.page-node-type-lesson #lesson-17:before {
  background-image: url(../images/lesson-17-main-mobile.jpg);
}

.page-node-type-lesson #lesson-18:before {
  background-image: url(../images/lesson-18-main-mobile.jpg);
}

.page-node-type-lesson #lesson-19:before {
  background-image: url(../images/lesson-19-main-mobile.jpg);
}

.page-node-type-lesson #lesson-20:before {
  background-image: url(../images/lesson-20-main-mobile.jpg);
}

.page-node-type-lesson #lesson-21:before {
  background-image: url(../images/lesson-21-main-mobile.jpg);
}

.page-node-type-lesson #lesson-22:before {
  background-image: url(../images/lesson-22-main-mobile.jpg);
}

.page-node-type-lesson #lesson-23:before {
  background-image: url(../images/lesson-23-main-mobile.jpg);
}

.page-node-type-lesson #lesson-24:before {
  background-image: url(../images/lesson-24-main-mobile.jpg);
}

.page-node-type-lesson #lesson-25:before {
  background-image: url(../images/lesson-25-main-mobile.jpg);
}

.page-node-type-lesson #lesson-26:before {
  background-image: url(../images/lesson-26-main-mobile.jpg);
}

.page-node-type-lesson #lesson-27:before {
  background-image: url(../images/lesson-27-main-mobile.jpg);
}

.page-node-type-lesson #lesson-28:before {
  background-image: url(../images/lesson-28-main-mobile.jpg);
}

.page-node-type-lesson #lesson-29:before {
  background-image: url(../images/lesson-29-main-mobile.jpg);
}

.page-node-type-lesson #lesson-30:before {
  background-image: url(../images/lesson-30-main-mobile.jpg);
}

.page-node-type-lesson #lesson-31:before {
  background-image: url(../images/lesson-31-main-mobile.jpg);
}

.page-node-type-lesson #lesson-32:before {
  background-image: url(../images/lesson-32-main-mobile.jpg);
}

.path-lessons .views-col p {
  display: none;
}

@media screen and (max-width: 960px) {

  .path-lessons .views-row .views-col {
    width: 100% !important;
  }

}

@media screen and (min-width: 400px) {

	.path-lessons .views-row.row-8 .views-col.col-1:before {
		background-position: center;
	}

	.path-lessons .views-row.row-9 .views-col.col-2:before {
		background-position: center;
	}

}

@media screen and (min-width: 446px) {

	.path-lessons .views-row.row-6 .views-col.col-1:before {
		background-position: center;
	}

	.path-lessons .views-row.row-6 .views-col.col-2:before {
		background-position: center;
	}

}

@media screen and (min-width: 520px) {

  .path-lessons .views-row.row-9 .views-col.col-1:before {
		background-position: center;
	}

}

@media screen and (min-width: 620px) {

	.path-lessons .views-row.row-7 .views-col.col-1:before {
		background-position: center;
	}

}

@media screen and (min-width: 560px) {

  .page-node-type-lesson #lesson-1:before {
    background-image: url(../images/lesson-01-main.jpg);
  }

  .page-node-type-lesson #lesson-2:before {
    background-image: url(../images/lesson-02-main.jpg);
  }

  .page-node-type-lesson #lesson-3:before {
    background-image: url(../images/lesson-03-main.jpg);
  }

  .page-node-type-lesson #lesson-4:before {
    background-image: url(../images/lesson-04-main.jpg);
  }

  .page-node-type-lesson #lesson-5:before {
    background-image: url(../images/lesson-05-main.jpg);
  }

  .page-node-type-lesson #lesson-6:before {
    background-image: url(../images/lesson-06-main.jpg);
  }

  .page-node-type-lesson #lesson-7:before {
    background-image: url(../images/lesson-07-main.jpg);
  }

  .page-node-type-lesson #lesson-8:before {
    background-image: url(../images/lesson-08-main.jpg);
  }

  .page-node-type-lesson #lesson-9:before {
    background-image: url(../images/lesson-09-main.jpg);
  }

  .page-node-type-lesson #lesson-10:before {
    background-image: url(../images/lesson-10-main.jpg);
  }

  .page-node-type-lesson #lesson-11:before {
    background-image: url(../images/lesson-11-main.jpg);
  }

  .page-node-type-lesson #lesson-12:before {
    background-image: url(../images/lesson-12-main.jpg);
  }

  .page-node-type-lesson #lesson-13:before {
    background-image: url(../images/lesson-13-main.jpg);
  }

  .page-node-type-lesson #lesson-14:before {
    background-image: url(../images/lesson-14-main.jpg);
  }

  .page-node-type-lesson #lesson-15:before {
    background-image: url(../images/lesson-15-main.jpg);
  }

  .page-node-type-lesson #lesson-16:before {
    background-image: url(../images/lesson-16-main.jpg);
  }

  .page-node-type-lesson #lesson-17:before {
    background-image: url(../images/lesson-17-main.jpg);
  }

  .page-node-type-lesson #lesson-18:before {
    background-image: url(../images/lesson-18-main.jpg);
  }

  .page-node-type-lesson #lesson-19:before {
    background-image: url(../images/lesson-19-main.jpg);
  }

  .page-node-type-lesson #lesson-20:before {
    background-image: url(../images/lesson-20-main.jpg);
  }

  .page-node-type-lesson #lesson-21:before {
    background-image: url(../images/lesson-21-main.jpg);
  }

  .page-node-type-lesson #lesson-22:before {
    background-image: url(../images/lesson-22-main.jpg);
  }

  .page-node-type-lesson #lesson-23:before {
    background-image: url(../images/lesson-23-main.jpg);
  }

  .page-node-type-lesson #lesson-24:before {
    background-image: url(../images/lesson-24-main.jpg);
  }

  .page-node-type-lesson #lesson-25:before {
    background-image: url(../images/lesson-25-main.jpg);
  }

  .page-node-type-lesson #lesson-26:before {
    background-image: url(../images/lesson-26-main.jpg);
  }

  .page-node-type-lesson #lesson-27:before {
    background-image: url(../images/lesson-27-main.jpg);
  }

  .page-node-type-lesson #lesson-28:before {
    background-image: url(../images/lesson-28-main.jpg);
  }

  .page-node-type-lesson #lesson-29:before {
    background-image: url(../images/lesson-29-main.jpg);
  }

  .page-node-type-lesson #lesson-30:before {
    background-image: url(../images/lesson-30-main.jpg);
  }

  .page-node-type-lesson #lesson-31:before {
    background-image: url(../images/lesson-31-main.jpg);
  }

  .page-node-type-lesson #lesson-32:before {
    background-image: url(../images/lesson-32-main.jpg);
  }
}

@media screen and (min-width: 680px) {

  .path-lessons .views-element-container {
    width: 100%;
    margin-left: 0;
  }

  .views-field-field-lesson-number .field-content, .page-node-type-lesson .page-title .lesson-number {
    position: relative;
    margin-left: 0;
    top: 0;
    left: 0;
    float: left;
    width: 52px;
    height: 52px;
    font-size: 36px;
    line-height: 52px;
  }

  .field-content, .page-node-type-lesson .page-title .lesson-number {
    margin-right: 10px;
  }

  .path-lessons .views-row {
    padding-top: 24px;
    border-top: 1px solid #c9c9c9;
  }

  .path-lessons .views-row .views-col {
    height: 300px;
    box-shadow: none;
  }

  .path-lessons .views-col.col-1 {
    margin-bottom: 0;
  }

  .path-lessons .views-row .views-col:nth-child(even) {
    padding-top: 24px;
    border-top: 1px solid #c9c9c9;
  }

  .path-lessons .views-row .views-col:before {
    top: 64px;
    width: 242px;
    height: 192px;
    background: url(../images/lesson-01-desk.jpg);
    background-position: center;
  }

  .path-lessons .views-row.row-1 .views-col.col-2:before {
    background-image: url(../images/lesson-02-desk.jpg);
  }

  .path-lessons .views-row.row-2 .views-col.col-1:before {
    background-image: url(../images/lesson-03-desk.jpg);
  }

  .path-lessons .views-row.row-2 .views-col.col-2:before {
    background-image: url(../images/lesson-04-desk.jpg);
  }

  .path-lessons .views-row.row-3 .views-col.col-1:before {
    background-image: url(../images/lesson-05-desk.jpg);
  }

  .path-lessons .views-row.row-3 .views-col.col-2:before {
    background-image: url(../images/lesson-06-desk.jpg);
  }

  .path-lessons .views-row.row-4 .views-col.col-1:before {
    background-image: url(../images/lesson-07-desk.jpg);
  }

  .path-lessons .views-row.row-4 .views-col.col-2:before {
    background-image: url(../images/lesson-08-desk.jpg);
  }

  .path-lessons .views-row.row-5 .views-col.col-1:before {
    background-image: url(../images/lesson-09-desk.jpg);
  }

  .path-lessons .views-row.row-5 .views-col.col-2:before {
    background-image: url(../images/lesson-10-desk.jpg);
  }

	.path-lessons .views-row.row-6 .views-col.col-1:before {
    background-image: url(../images/lesson-11-desk.jpg);
  }

	.path-lessons .views-row.row-6 .views-col.col-2:before {
    background-image: url(../images/lesson-12-desk.jpg);
  }

	.path-lessons .views-row.row-7 .views-col.col-1:before {
    background-image: url(../images/lesson-13-desk.jpg);
  }

	.path-lessons .views-row.row-7 .views-col.col-2:before {
    background-image: url(../images/lesson-14-desk.jpg);
  }

	.path-lessons .views-row.row-8 .views-col.col-1:before {
    background-image: url(../images/lesson-15-desk.jpg);
  }

  .path-lessons .views-row.row-8 .views-col.col-2:before {
    background-image: url(../images/lesson-16-desk.jpg);
  }

  .path-lessons .views-row.row-9 .views-col.col-1:before {
    background-image: url(../images/lesson-17-desk.jpg);
  }

  .path-lessons .views-row.row-9 .views-col.col-2:before {
    background-image: url(../images/lesson-18-desk.jpg);
  }

  .path-lessons .views-row.row-10 .views-col.col-1:before {
    background-image: url(../images/lesson-19-desk.jpg);
  }

  .path-lessons .views-row.row-10 .views-col.col-2:before {
    background-image: url(../images/lesson-20-desk.jpg);
  }

  .path-lessons .views-row.row-11 .views-col.col-1:before {
    background-image: url(../images/lesson-21-desk.jpg);
  }

  .path-lessons .views-row.row-11 .views-col.col-2:before {
    background-image: url(../images/lesson-22-desk.jpg);
  }

  .path-lessons .views-row.row-12 .views-col.col-1:before {
    background-image: url(../images/lesson-23-desk.jpg);
  }

  .path-lessons .views-row.row-12 .views-col.col-2:before {
    background-image: url(../images/lesson-24-desk.jpg);
  }

  .path-lessons .views-row.row-13 .views-col.col-1:before {
    background-image: url(../images/lesson-25-desk.jpg);
  }

  .path-lessons .views-row.row-13 .views-col.col-2:before {
    background-image: url(../images/lesson-26-desk.jpg);
  }

  .path-lessons .views-row.row-14 .views-col.col-1:before {
    background-image: url(../images/lesson-27-desk.jpg);
  }

  .path-lessons .views-row.row-14 .views-col.col-2:before {
    background-image: url(../images/lesson-28-desk.jpg);
  }

  .path-lessons .views-row.row-15 .views-col.col-1:before {
    background-image: url(../images/lesson-29-desk.jpg);
  }

  .path-lessons .views-row.row-15 .views-col.col-2:before {
    background-image: url(../images/lesson-30-desk.jpg);
  }

  .path-lessons .views-row.row-16 .views-col.col-1:before {
    background-image: url(../images/lesson-31-desk.jpg);
  }

  .path-lessons .views-row.row-16 .views-col.col-2:before {
    background-image: url(../images/lesson-32-desk.jpg);
  }

  .path-lessons .views-row .views-col:nth-child(even):before {
    top: 88px;
  }

  .path-lessons .views-field-title {
    background: none;
  }

  .path-lessons .views-field-title a {
    color: #922449;
    font-size: 30px;
    line-height: 30px;
    margin-left: 10px;
  }

  .path-lessons .views-field-body {
    margin-left: 240px;
  }

  .path-lessons .learn-more {
    display: none;
  }

  .page-node-type-lesson .block-page-title-block {
    padding-top: 0;
    padding-bottom: 236px;
  }

  .page-node-type-lesson article.node--type-lesson:before {
    top: -264px;
    left: 0;
    width: 100%;
    height: 217px;
    margin-left: 0;
  }

  .page-node-type-lesson .page-title {
    padding-bottom: 14px;
    border-bottom: 1px solid #c9c9c9;
    margin-bottom: 14px;
  }

  .page-node-type-lesson .page-title .lesson-number {
    position: relative;
    display: inline-block;
    top: 0;
    left: 0;
    margin-left: 0;
  }

  .page-node-type-lesson #lesson-index {
    left: auto;
    right: 0;
    top: 0;
    height: 44px;
    padding: 0 14px;
  }

  .page-node-type-lesson #lesson-index a {
    font-size: 22px;
    line-height: 44px;
    padding-left: 0;
  }

  .page-node-type-lesson #lesson-index a:before {
    display: none;
  }

}

@media screen and (min-width: 960px) {

  .path-lessons .views-row .views-col {
    height: 264px;
  }

  .path-lessons .views-col.col-1 {
    margin-bottom: 22px;
  }

  .path-lessons .views-row .views-col:nth-child(even) {
    padding-top: 0;
    border-top: none;
  }

  .path-lessons .views-row .views-col:nth-child(even):before {
    top: 64px;
  }

}