div#channelHead {
  background:#fff;
}
div#channelHead .pageWidth {
  border:none;
}

main h2 {
  font-size:2.5rem; /* 40px */
  text-align:center;
  border:none;
  margin:0 auto 30px;
  letter-spacing:-.035em;
}
@media (max-width: 950px) {
  main h2 {
    font-size:2.25rem; /* 36px */
  }
}
@media (max-width: 800px) {
  main h2 {
    font-size:2.125rem; /* 34px */
    letter-spacing:-.03em;
  }
}
@media (max-width: 600px) {
  main h2 {
    font-size:calc(3vw + 16px);
  }
}
@media (max-width: 400px) {
  main h2 {
    font-size:1.75rem;
    letter-spacing:-.025em;
  }
}

p.center .btn {
  margin-top:.75em;
}

#heroBlock {
  width:100%;
  max-width:1100px;
  min-width:320px;
  height:400px;
  margin:0 auto;
  overflow: hidden;
}
#heroBlock img {
  width:100%;
  height:auto;
  border:none;
  border-radius:6px;
}
@media screen and (max-width: 1175px) {
  #heroBlock {
    max-width:100%;
    height:36.36vw; /* not quite right due to scrollbar */
    min-height:116px;
  }
  #heroBlock img {
    border-radius:0;
  }
}

/* PAGE BLOCKS */
.whiteBlock {
  background:#fff;
  padding:80px 0;
}
.grayBlock {
  background:#f2f2f2;
  padding:80px 0;
}
.topArrow {
  position:relative;
}
.topArrow::before {
  content:"";
  position:absolute;
  top:0;
  left:50%;
  margin-left:-30px;
  width:60px;
  height:25px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='25' fill='rgb(242,242,242)' stroke='none'><path d='M0,0 L30,25 L60,0 L0,0 Z'></path></svg>") center top no-repeat;
}
.grayBlock.topArrow::before {
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='60' height='25' fill='white' stroke='none'><path d='M0,0 L30,25 L60,0 L0,0 Z'></path></svg>");
}
@media screen and (max-width: 600px) {
  .whiteBlock,
  .grayBlock {
    padding-top:60px;
    padding-bottom:60px;
  }
}

#welcomeBlock {
  padding-top:30px;
  font-size:16px;
  line-height:1.6;
}
#welcomeBlock figure.video {
  display:block;
  width:100%;
  margin:1.25em auto 0;
}

#sampleBlock .tiles {
  margin-top:2.5rem;
}
#sampleBlock .tile {
  background:#fff;
  margin-left:auto;
  margin-right:auto;
}
#sampleBlock .tileCategory {
  background-color:#b67c2f;
}

#differenceBlock {
  text-align:center;
}
#differenceBlock .row {
  margin-top:50px;
}
#differenceBlock .row .col-6 {
  padding-left:40px;
  padding-right:40px;
}
#differenceBlock ul {
  list-style:none;
  margin:0;
  padding:0;
  text-align:left;
}
#differenceBlock li {
  list-style:none;
  margin:0 0 2.375rem;
  padding:0 0 0 70px;
}
#differenceBlock li i {
  float:left;
  margin-left:-70px;
  font-size:50px;
  line-height:1;
  color:#8c8c8c;
}
#differenceBlock li strong {
  font-weight:700;
  font-size:1.1875rem; /* 19px */
  line-height:1.25;
  letter-spacing:-.015em;
}
#differenceBlock li div {
  margin-top:6px;
  line-height:1.6;
}
@media (max-width: 767px) {
  #differenceBlock ul {
    display:table;
    margin:0 auto;
  }  
}
@media (max-width: 575px) {
  #differenceBlock li {
    padding-left:60px;
  }
  #differenceBlock li i {
    margin-left:-60px;
    margin-top:3px;
    font-size:45px;
  }
}
@media (max-width: 500px) {
  #differenceBlock li strong {
    font-size:1.09375rem; /* 17.5px */
    line-height:1.35;
    letter-spacing:-.005em;
  }
}

#reviewsBlock #reviewsBox {
  margin-bottom:0;
}
.grayBlock #reviewsBox .review:first-child {
  border-top:thin solid #ccc;
}
.grayBlock #reviewsBox .review {
  border-bottom:thin solid #ccc;
}
.grayBlock #reviewsBox .review:nth-child(odd) {
  background:#fff;
}
@media screen and (max-width:600px) {
  .grayBlock #reviewsBox .review:nth-child(odd) {
    background:none;
  }
}