.maintextmain a:hover{
  text-decoration:underline;
}
.maintextmain ul li{
  margin-bottom:6px;
}
@media screen and (max-width:800px){
  .maintextmain h1{font-size:32px !important; line-height:1.15 !important;}
  .maintextmain h2{font-size:29px !important; line-height:1.2 !important;}
  .maintextmain h3{font-size:24px !important; line-height:1.25 !important;}
}
@media screen and (max-width:600px){
  .maintextmain{
    width:100% !important;
  }
}

.maintextmain a:hover{
  text-decoration:underline;
}
.maintextmain ul li{
  margin-bottom:6px;
}

@media screen and (max-width:800px){
  .maintextmain h1{font-size:32px !important; line-height:1.15 !important;}
  .maintextmain h2{font-size:29px !important; line-height:1.2 !important;}
  .maintextmain h3{font-size:24px !important; line-height:1.25 !important;}
}

@media screen and (max-width:700px){
  .blogherooverlay{
    padding:22px 18px !important;
  }
  .blogherooverlay h1{
    font-size:28px !important;
    line-height:1.15 !important;
    margin-bottom:10px !important;
  }
  .blogherooverlay p{
    font-size:17px !important;
    line-height:1.5 !important;
  }
  .blogherooverlay img{
    height:auto !important;
  }
}

@media screen and (max-width:700px){
  .blogherooverlay{
    padding:20px 16px !important;
  }
  div[style*="position:relative"][style*="overflow:hidden"] img{
    height:520px !important;
  }
}

@media screen and (max-width:600px){
  .maintextmain{
    width:100% !important;
  }
  .blogherooverlay h1{
    font-size:24px !important;
  }
  .blogherooverlay p{
    font-size:16px !important;
  }
}
/* Improve blog list readability */
.maintextmain ul,
.maintextmain ol{
  font-size:18px !important;
  line-height:1.9 !important;
  margin:0 0 22px 25px !important;
  padding:0 !important;
}

.maintextmain ul li,
.maintextmain ol li{
  font-size:18px !important;
  line-height:1.9 !important;
  margin-bottom:8px !important;
}

/* Mobile tweak */
@media screen and (max-width:700px){
  .maintextmain ul,
  .maintextmain ol{
    font-size:17px !important;
  }
  .maintextmain ul li,
  .maintextmain ol li{
    font-size:17px !important;
  }
}

.maintextmain ul{
  list-style:none !important;
  padding-left:0 !important;
}

.maintextmain ul li{
  position:relative;
  padding-left:22px;
  margin-bottom:8px;
  font-size:18px !important;
  line-height:1.9 !important;
}

.maintextmain ul li:before{
  content:"•";
  position:absolute;
  left:0;
  top:0;
  color:#fca82f;
  font-size:22px;
  line-height:1.2;
}

/* mobile */
@media screen and (max-width:700px){
  .maintextmain ul li{
    font-size:17px !important;
  }
}

/* Page intro block */
.pageintro{
  width:100%;
  max-width:100%;
  margin:0 0 25px 0;
  box-sizing:border-box;
}

/* Title */
.pagetitle{
  font-size:28px;
  line-height:1.15;
  margin:10px 0 16px 0;
  color:#111;
  font-weight:800;
}

/* Lead paragraph */
.maintextmain .lead{
  font-size:16px;
  line-height:1.3;
  color:#333;
  margin-bottom:18px;
}

/* Standard paragraphs */
.maintextmain p{
  font-size:16px;
  line-height:1.5;
  color:#444;
}

/* Feature list */
.featurelist{
  list-style:none;
  padding:0;
  margin:10px 0 10px 0;
}

.featurelist li{
  position:relative;
  padding-left:26px;
  margin-bottom:10px;
  font-size:16px;
  line-height:1.5;
}

.featurelist li:before{
  content:"✔";
  position:absolute;
  left:0;
  top:0;
  color:#fca82f;
  font-weight:bold;
}

/* Scroll hint */
.scrollhint{
  text-align:center;
  margin:20px 0 10px 0;
}

.scrollhint img{
  opacity:0.7;
}

/* Mobile */
@media screen and (max-width:700px){

  .maintextmain .pagetitle{
    font-size:22px !important;
  }

  .maintextmain .lead{
    font-size:16px;
  }

  .maintextmain p,
  .featurelist li{
    font-size:15px;
  }
}

.maintextmain ul.featurelist li{
  font-size:15px !important;
  line-height:1.5 !important;
  margin-bottom:8px;
}

.maintextmain ul.featurelist{
  margin:8px 0 10px 0;
}