/* PARENTS PAGE STYLES */


/* BANNER */

.banner {
		position: relative;
		overflow: hidden;
		max-height: 400px;
		background: #fff;
		color: #fff;
		text-align: center;
		border-bottom: solid 3px #ffebe1;
		box-shadow:
			inset 0px -6px 0px 0px #fff,
			inset 0px 6px 0px 0px #fff;
		text-transform: uppercase;
		background: url('../images/banner-hands.jpg') no-repeat center center/cover;
		background-size: cover;
		background-position: center;
		opacity: .8;
		padding: 10em 0;
		margin: 14px auto;
	}

.banner p {
	font-weight: 400;
	font-size: 2em;
	line-height: 1.5em;
	letter-spacing: 4px;
	text-align: center;
	margin: 0;
}
.banner strong {
	color: inherit;
}

.cardlinks li {
	text-align: left;
	line-height: 1.2;
}
.cardlinkstall li {
	text-align: left;
}

blockquote {
  background: #fff6f0;
  font-family: 'Verdana', sans-serif;
  font-size: 17px;
  font-style: italic;
  line-height: 3em;
  border-left: 10px solid #ffebe1;
  margin: 1.5em 10px;
  padding: 0.5em 0;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote:before {
  color: #db7f53;
  content: open-quote;
  font-family: 'Atkinson Hyperlegible Next';
  font-size: 7em;
  line-height: 0.08em;
  margin-right: 0.1em;
  vertical-align: -0.25em;
}
blockquote p {
  display: inline;
}

@media (max-width:900) {
	.grid.four .grid-item {
   flex: 1 1 calc(49% - 20px);
   text-align: center;
}
}
@media (max-width: 790px) {
	.banner {
				padding: 5em 1em;
			}

				.banner p {
					font-size: 1.75em;
				}
}
@media (max-width: 540px) {
	.banner {
				padding: 4em 1em;
			}

				.banner p {
					font-size: 1.25em;
				}
}