/* Shared
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.button {
  border-radius: 100px;
}

/* Sections
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.section {
  padding: 2rem 0 4rem;
}
.section-heading,
.section-description {
  margin-bottom: 1.2rem;
}

/* Imgheader
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.imgheader {
  background-image: url('/images/page-banner-01.jpg');
  background-size: cover;
  color: #fff;
  margin: 0;
  padding: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

/* IMG footers */
.img-about {
  background-image: url('/images/page-banner-06.jpg');
  background-size: cover;
  color: #000000;
  margin: 0;
  padding: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

.img-making {
  background-image: url('/images/page-banner-07.jpg');
  background-size: cover;
  color: #000000;
  margin: 0;
  padding: 0;
  padding-bottom: 1rem;
  border-bottom: 1px solid #ddd;
  text-align: center;
}

/* Article
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.article {
	height: auto;
	text-align: left;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

/* Values
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.values {
  background-image: url('/images/home-banner-01.jpg');
  background-size: cover;
  color: #fff;
  padding-bottom: 5rem;
  border-bottom: 1px solid #ddd;
  text-align: center;
}
.value-multiplier {
  margin-bottom: .5rem;
  color: #9A0000;
}
.value-multiplier h2
{
  font-size: 2rem;
}
.value-heading {
  margin-bottom: .3rem;
}
.value-description {
  opacity: .8;
  font-weight: 300;
}


/* Categories
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.categories {
  background-image: url('/images/values-bg.jpg');
  background-size: cover;
  color: #fff;
}
.categories .section-description { 
  margin-bottom: 4rem;
}

/* Bigger than 550 */
@media (min-width: 550px) {
  .section {
    padding: 4rem 0 4rem;
  }
  .article {
    padding-bottom: 4rem;
    text-align: left;
    height: auto;
  }
  .article-heading {
    font-size: 2.4rem;
  }
  .imgheader { max-height: 120px;}
  .img-about { max-height: 120px;}

}

/* Bigger than 750 */
@media (min-width: 750px) {
  .article {
    height: auto;
  }
  .article-heading {
    font-size: 2.6rem;
  }
  .section {
    padding: 4rem 0 12rem;
  }
  .article {
    padding: 16rem 0 14rem;
  }
  .section-description {
    max-width: 60%;
    margin-left: auto;
    margin-right: auto;
  }
  .categories {
    padding: 15rem 0 8rem;
  }
  .imgheader { max-height: 120px;}
  .img-about { max-height: 120px;}
}

/* Bigger than 1000 */
@media (min-width: 1000px) {
  .section {
    padding: 4rem 0 12rem;
  }
  .article {
    padding: 8rem 0;
  }
  .article {
  }
  .imgheader { max-height: 160px;}
  .img-about { max-height: 160px;}
}


/* h2 h3 margins */

h2, h3 {

	margin-top: 1.4rem;
	margin-bottom: 0.4rem;

}

/* additional body classes */

.smallx {
	font-size: 0.9em;
}

.quote {
	font-style: italic;
	color: #322;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 1.2em 3em 1.2em 3em;
}

p.caption {
	font-style: italic;
	color: #322;
	text-align: center;
	font-size: 0.8em;
	line-height: 0.8em;
	padding-top: 1em;
	padding-bottom: 1.4em;
}

.tabbed-in {
	padding-right: 3em;
	padding-left: 3em;
	 }

img.center
{
	display: block;
	padding-top: 1em;
	margin-left: auto;
	margin-right: auto;	
}

img.no-caption
{
	padding-bottom: 1.8em;
}

p.premise, p.originally-published {
	color: #565656;
	font-style: italic;
	font-size: 0.8em;
	line-height: normal;
	padding-bottom: 2em;
}

/* Used with p.quote for footer images text **/
p.footer-image{
	font-size: 0.8em; 
	color: #322;

}