/* ::::: https://brooklynbeta.org/css/2013/purpose.css ::::: */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { border: 0px none; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; margin: 0px; padding: 0px; }
html, body { height: 100%; width: 100%; }
body#purpose { background-image: none; background-color: white; }
.page { max-width: 900px; width: 96%; margin-left: auto; margin-right: auto; position: relative; }
#purpose .page { max-width: 700px; width: 84%; position: relative; margin: 4em auto; display: block; }
hr { border-width: 1px 0px 0px; border-style: solid none none; border-color: rgba(255, 255, 255, 0.4) -moz-use-text-color -moz-use-text-color; margin: 2em auto; width: 100px; }
#top-border, #bottom-border, #left-border, #right-border { background: none repeat scroll 0% 0% rgb(224, 224, 224); position: fixed; z-index: -1; }
#purpose #top-border, #purpose #bottom-border, #purpose #left-border, #purpose #right-border { z-index: 1; }
#left-border, #right-border { top: 0px; bottom: 0px; width: 2em; }
#left-border { left: 0px; }
#right-border { right: 0px; }
#top-border, #bottom-border { left: 0px; right: 0px; height: 2em; }
#top-border { top: 0px; }
#bottom-border { bottom: 0px; }
#top-border2, #bottom-border2, #left-border2, #right-border2 { background: none repeat scroll 0% 0% rgb(147, 147, 147); position: fixed; z-index: 0; }
#purpose #top-border2, #purpose #bottom-border2, #purpose #left-border2, #purpose #right-border2 { z-index: 2; }
#left-border2, #right-border2 { top: 0px; bottom: 0px; width: 0.1em; }
#left-border2 { left: 2em; }
#right-border2 { right: 2em; }
#top-border2, #bottom-border2 { left: 0px; right: 0px; height: 0.1em; }
#top-border2 { top: 2em; }
#bottom-border2 { bottom: 2em; }
body, input, textarea, button { font-size: 125%; line-height: 1.5; font-weight: 400; font-family: "Sentinel A","Sentinel B",Helvetica,Arial,sans-serif; color: rgb(0, 0, 0); }
.strong { font-weight: bold; }
#purpose p { margin-bottom: 1em; }
#purpose p.last { margin-bottom: 4em; }
li { margin-bottom: 1em; }
h1 { font-size: 5em; font-family: "quatro-slab",Helvetica,Arial,sans-serif; font-weight: bold; color: rgb(23, 23, 23); }
h1.logo { background-image: url('logo.png'); text-indent: -999999px; display: block; background-repeat: no-repeat; background-size: contain; background-position: center center; margin-bottom: 0.4em; }
h2 { font-size: 1.875em; line-height: 1.4em; }
a { color: rgb(0, 190, 190); text-decoration: none; transition: all 0.1s ease-out 0s; }
a:hover { color: rgb(0, 159, 159); }
* html .clearfix, :first-child + html .clearfix {  }
@media screen and (max-width: 700px) {
	body { font-size: 100%; }
	h1 { font-size: 2em; }
	#left-border, #right-border { top: 0px; bottom: 0px; width: 4px; }
	#left-border { left: 0px; }
	#right-border { right: 0px; }
	#top-border, #bottom-border { left: 0px; right: 0px; height: 4px; }
	#top-border { top: 0px; }
	#bottom-border { bottom: 0px; }
	#top-border2, #bottom-border2, #left-border2, #right-border2 { opacity: 0.4; }
	#purpose #top-border2, #purpose #bottom-border2, #purpose #left-border2, #purpose #right-border2 { display: none; }
	.page { width: 92%; }
	h2 { font-size: 1.5em; line-height: 1.4em; }
}
@media screen and (min-width: 700px) and (max-width: 900px) {
	body { font-size: 105%; }
}
@media screen and (min-width: 900px) and (max-width: 1100px) {
	body { font-size: 115%; }
}
/* ::::: https://ssl.typography.com/753298/69236/css/fonts.css ::::: */

@font-face {
	font-family: "Sentinel A";
	font-style: normal;
	font-weight: 300;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: normal;
	font-weight: 300;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: italic;
	font-weight: 300;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: italic;
	font-weight: 300;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: normal;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: normal;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: italic;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: italic;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: normal;
	font-weight: 500;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: normal;
	font-weight: 500;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: italic;
	font-weight: 500;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: italic;
	font-weight: 500;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: normal;
	font-weight: 600;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: normal;
	font-weight: 600;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: italic;
	font-weight: 600;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: italic;
	font-weight: 600;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: normal;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: normal;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: italic;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: italic;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: normal;
	font-weight: 800;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: normal;
	font-weight: 800;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel A";
	font-style: italic;
	font-weight: 800;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel B";
	font-style: italic;
	font-weight: 800;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel SSm A";
	font-style: normal;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel SSm B";
	font-style: normal;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel SSm A";
	font-style: italic;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel SSm B";
	font-style: italic;
	font-weight: 400;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel SSm A";
	font-style: normal;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel SSm B";
	font-style: normal;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel SSm A";
	font-style: italic;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Sentinel SSm B";
	font-style: italic;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Gotham A";
	font-style: normal;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Gotham B";
	font-style: normal;
	font-weight: 700;
	src: url('undefined');
}
@font-face {
	font-family: "Gotham A";
	font-style: normal;
	font-weight: 800;
	src: url('undefined');
}
@font-face {
	font-family: "Gotham B";
	font-style: normal;
	font-weight: 800;
	src: url('undefined');
}