/* Lists
–––––––––––––––––––––––––––––––––––––––––––––––––– */
ul {
  list-style: circle outside; }
ol {
  list-style: decimal outside; }

.page--bodycopy ol, .blogpost--bodycopy ol,
.page--bodycopy ul, .blogpost--bodycopy ul { padding-left: 18px; }

	@media (min-width: 500px) {
		.page--bodycopy ol, .blogpost--bodycopy ol,
    .page--bodycopy ul, .blogpost--bodycopy ul { padding-left: 22px; }	
	}

	@media (min-width: 900px) {
		.page--bodycopy ol, .blogpost--bodycopy ol,
    .page--bodycopy ul, .blogpost--bodycopy ul { padding-left: 45px; }	
	}


ol, ul {
  padding-left: 0;
  margin-top: 0; }
ul ul,
ul ol,
ol ol,
ol ul {
  margin: 1.5rem 0 1.5rem 3rem; }


li {
  margin-bottom: 2rem; padding-left: 4px;
}
	@media (min-width: 500px) {
		li { margin-bottom: 3rem; padding-left: 1rem;}
	}
	@media (min-width: 768px) {
		li { margin-bottom: 3rem; padding-left: 1rem;}
	}



li  { font-size: 1.4rem; }

  @media (min-width: 350px) {
    li  { font-size: 1.5rem; line-height: 1.6;}
  }

  @media (min-width: 400px) {
    li  { font-size: 1.6rem; line-height: 1.7;}
  }

  @media (min-width: 500px) {
    li  { font-size: 1.8rem; line-height: 1.75;}
  }



.page--bodycopy ol li, .blogpost--bodycopy ol li,
.page--bodycopy ul li, .blogpost--bodycopy ul li {line-height: 1.55; letter-spacing: 0.025rem; font-weight: 300; font-size: 15px;}

  @media (min-width: 350px) {
    .page--bodycopy ol li, .blogpost--bodycopy ol li,
    .page--bodycopy ul li, .blogpost--bodycopy ul li {font-size: 16px; line-height: 1.6;}  
  }
  @media (min-width: 400px) {
    .page--bodycopy ol li, .blogpost--bodycopy ol li,
    .page--bodycopy ul li, .blogpost--bodycopy ul li {font-size: 16px; line-height: 1.7;}  
  }
  @media (min-width: 600px) {
    .page--bodycopy ol li, .blogpost--bodycopy ol li,
    .page--bodycopy ul li, .blogpost--bodycopy ul li {font-size: 18px; line-height: 1.75;}  
  }
  @media (min-width: 1024px) {
    .page--bodycopy ol li, .blogpost--bodycopy ol li,
    .page--bodycopy ul li, .blogpost--bodycopy ul li {font-size: 20px;}  
  }