/* typography */
h1 {
	font-family:"Kunstuff Light", georgia, serif; font-weight:200; font-style:normal;
	line-height: 1.1;
    margin-bottom: 0.2rem;
    margin-top: 0rem;
}
h5 {
	font-family:"Kunstuff Light", georgia, serif; font-weight:200; font-style:normal;
	font-size: 1rem;
	margin-bottom: 0;
	margin-top: 1.2rem;
	color: #769bcc;
/* 	color:#8fb7eb; */
}
img + h5 {
	margin-top: 0;
}
h6 {
	font-family:"Kunstuff Light", georgia, serif; font-weight:200; font-style:normal;
	color:#7f7f7f;
	margin-bottom: 0.6rem;
}
p {
	font-family:"Kunstuff Light", georgia, serif; font-weight:200; font-style:normal;
	line-height: 1.2;
	margin-bottom: 0.6rem;
}
header h1 {
	color:#8fb7eb;
}
section img {
	margin-top: 0.75rem;
	margin-bottom: 0.75rem;
}
em {
	font-family:"Kunstuff Light Italic", georgia, serif; font-weight:200; font-style:italic;
}

/* quote */
q {
	color: #d53d30;
}
q {
  quotes: "‘" "’";
}
q:before {
    content: open-quote;
}
q:after {
    content: close-quote;
} 

/* List */
section ul {
	font-family:"Kunstuff Light", georgia, serif; font-weight:200; font-style:normal;
	line-height: 1.2;
	list-style-position: outside;
	margin-bottom: 0.6rem;
	margin-left: 1.1rem;
}

/* Footer */
footer ul.inline-list {
	background-color: #e5e5e5;
/*
	padding-top: 0.25rem;
	padding-bottom: 0.25rem;
*/
	margin-top: 1rem;
	margin-bottom: 2rem;
}

footer ul.inline-list a {
	color: #7f7f7f;
}


@media only screen and (min-width: 40.0625em) {
  h1, h2, h3, h4, h5, h6 {
    line-height: 1.1; }
  h1 {
    font-size: 2.75rem; }}

 
/* top-bar */
.top-bar {
    background: #fff;
}
.top-bar-section li a:not(.button) {
    background: #bfbfbf !important;   
}
.top-bar-section li a:not(.button):hover {
    background: #999 !important;   
}
.top-bar-section ul li.active > a {
    background: #bfbfbf !important;   
}
/*
.top-bar-section ul li.active > a:hover {
    background: yellow !important;   
}
*/

/* icon font sizes */
.size-12 {font-size: 12px;}
.size-14 {font-size: 14px;}
.size-16 {font-size: 16px;}
.size-18 {font-size: 18px;}
.size-21 {font-size: 21px;}
.size-24 {font-size: 24px;}
.size-36 {font-size: 36px;}
.size-48 {font-size: 48px;}
.size-60 {font-size: 60px;}
.size-72 {font-size: 72px;}

div.flex-video {
	margin-top: 1rem;
}

a {
	color: #769bcc;
}