.footer[data-v-7acaf66c] {
		display: flex;
		flex-wrap: wrap;
		align-items: center;
		justify-content: center;
		width: 100%;
		background-color: #525252;
		color: white;
}
.footer a[data-v-7acaf66c] {
		color: #ffffff;
		text-decoration: none;
}
.footer a[data-v-7acaf66c]:hover {
		text-decoration: underline;
}

	/* large only */
@media (min-width: 1411px) {
.footer[data-v-7acaf66c] {
			padding: 29px 0;
			font-size: 18px;
}
.footer[data-v-7acaf66c] * {
			margin: 25px;
}
}
@media (max-width: 1410px) and (min-width: 1161px) {
.footer[data-v-7acaf66c] {
			padding: 19px 0;
			font-size: 16px;
}
.footer[data-v-7acaf66c] * {
			margin: 25px;
}
}

	/* medium only */
@media (max-width: 1160px) and (min-width: 551px) {
.footer[data-v-7acaf66c] {
			padding: 19px 0;
			font-size: 16px;
}
.footer[data-v-7acaf66c] * {
			margin: 20px;
}
}

	/* small only */
@media (max-width: 550px) {
.footer[data-v-7acaf66c] {
			padding: 9px 0;
			font-size: 12px;
}
.footer[data-v-7acaf66c] * {
			margin: 15px;
}
}

/* bree-serif-regular - latin */
@font-face {
    font-family: 'Bree Serif';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url(/fonts/bree-serif-v16-latin-regular.bbec388ecb16678b6449.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url(/fonts/bree-serif-v16-latin-regular.e41d48caf0cc2f4af393.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

/* open-sans-regular - latin */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url(/fonts/open-sans-v27-latin-regular.a2d02404d087c7c068d4.woff2) format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url(/fonts/open-sans-v27-latin-regular.6f6541140f45c8410bb8.woff) format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}


#page[data-v-1e0340e2] {
		margin: 0;
		height: 100%;
		font-family: "Open Sans", sans-serif;
		color: #3a3a3a;
		display: flex;
		flex-direction: column;
}
h1[data-v-1e0340e2] {
		margin: 0px;
}
h2[data-v-1e0340e2], h3[data-v-1e0340e2], h4[data-v-1e0340e2], .tileTitle[data-v-1e0340e2] {
		font-family: "Bree Serif", sans-serif;
		font-weight: normal;
}
a[data-v-1e0340e2] {
		color: inherit;
		text-decoration: none;
		cursor: pointer;
}
.screenreader-only[data-v-1e0340e2] {
		position: absolute;
		left: -10000px;
		top: auto;
		width: 1px;
		height: 1px;
		overflow: hidden;
}
#sidebar-wrapper[data-v-1e0340e2] {
		position: fixed;
		height: 100%;
}
.menu-header-content[data-v-1e0340e2] {
		visibility: hidden;
}
.menu-header-content[data-v-1e0340e2]:focus {
		outline: 2px solid white;
		box-shadow: none;
}
#sidebar-wrapper.slide-enter-active[data-v-1e0340e2], #sidebar-wrapper.slide-leave-active[data-v-1e0340e2] {
		transition: all .5s ease;
}
#sidebar-wrapper.slide-enter-from[data-v-1e0340e2], #sidebar-wrapper.slide-leave-to[data-v-1e0340e2] {
		transform: translate(-100%);
		height: 0%;
		opacity: 0;
}
.sidebar[data-v-1e0340e2] {
		display: flex;
		flex-direction: column;
		align-items: center;
		width: 100%;
		height: 100%;
		background-color: #0A7DA0;
		color: white;
}
.sidebar ol[data-v-1e0340e2] {
		padding-inline-start: 0px;
		list-style-type: none;
}
.sidebar li[data-v-1e0340e2] {
		font-family: "Open Sans", sans-serif;
		font-weight: normal;
		margin: 12px 0;
}
.currentNavigation[data-v-1e0340e2]:before {
		display: inline-block;
		background-image: url(/img/navigation_icon.97f2b7057b04460edc87.png);
		background-repeat: no-repeat;
		background-position: center center;
		content: "";
}
.content[data-v-1e0340e2] {
		overflow-y: auto;
		display: flex;
		flex-direction: column;
		align-items: center;
}
.header[data-v-1e0340e2] {
		flex: 0 0 auto;
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-items: center;
		width: 100%;
		background-image: linear-gradient(rgba(255, 255, 255, 0.85), rgba(255, 255, 255, 0.85)), url(/img/header_background.ae130ccb93ac2f66286b.jpg);
		background-size: cover;
		background-position: center bottom;
		text-align: center;
}
.header .subtitle[data-v-1e0340e2] {
		font-weight: normal;
}
.header-howto[data-v-1e0340e2] {
		width: 100%;
		background-image: url(/img/header_background_howto.d78c4d5c87fa87af8560.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center bottom;
		flex: 0 0 auto;
}
.green[data-v-1e0340e2] {
		background-color: #178755;
}
.blue[data-v-1e0340e2] {
		background-color: #0A7DA0;
}
.pale-green[data-v-1e0340e2] {
		background-color: #E0F1E6;
}
.light-grey[data-v-1e0340e2] {
		background-color: #F8F8F8;
}
.chapter[data-v-1e0340e2] {
		box-sizing: border-box;
		width: 100%;
		padding: 0 20px;
		text-align: center;
}
.chapter-content[data-v-1e0340e2] {
		display: flex;
		flex-direction: column;
		align-items: center;
}
.chapter p[data-v-1e0340e2] {
		width: 100%;
		margin-left: auto;
		margin-right: auto;
}
.chapter h2[data-v-1e0340e2] {
		margin-bottom:2vh;
}
.chapter h3[data-v-1e0340e2] {
		margin-bottom:2vh;
}
.circle[data-v-1e0340e2] {
		display: flex;
		box-sizing: border-box;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		text-align: center;
}
.circle > img[data-v-1e0340e2] {
		margin: auto;
}
.benefits[data-v-1e0340e2] {
		display: inline-flex;
		flex-wrap: wrap;
		justify-content: center;
		width: 100%;
		max-width: 1100px;
}
.benefit[data-v-1e0340e2] {
		margin: 15px;
		text-align: left;
}
.benefit h3[data-v-1e0340e2] {
		display: inline-block;
}
.benefit a[data-v-1e0340e2] {
		text-decoration: underline;
}
.checkmark[data-v-1e0340e2] {
		display: inline-flex;
		box-sizing: border-box;
		border-radius: 50%;
		-moz-border-radius: 50%;
		-webkit-border-radius: 50%;
		text-align: center;
}
.checkmark > img[data-v-1e0340e2] {
		margin: auto;
}
.tile-container[data-v-1e0340e2] {
		display: flex;
		flex-flow: row wrap;
		justify-content: center;
		width: 100%;
}
.tile[data-v-1e0340e2] {
		display: flex;
		flex-direction: column;
		justify-content: center;
		box-sizing: border-box;
		color: white;
		text-align: center;
}
.tileTitle[data-v-1e0340e2] {
		margin-top: 1.33em;
		margin-bottom: 0.5rem;
}
.tile p[data-v-1e0340e2] {
		margin: 0;
		line-height: 1.6em;
}
.tile.has-labs-banner[data-v-1e0340e2] {
		background-image: url(/img/labs_banner.5e147aa1c615e787b075.svg);
		background-repeat: no-repeat;
		background-position: top right;
}
.tile .api-qualifier .decoration[data-v-1e0340e2] {
		font-family: "Bree Serif", sans-serif;
		padding: 1px;
		font-size: 1.6em;
}
.tile .type-icon[data-v-1e0340e2] {
		height: 1.2em;
		width: 1.1em;
		margin-right: 2px;
		vertical-align: middle;
		margin-bottom: 2px;
}
.request[data-v-1e0340e2] {
		width: 100%;
		margin: 0 2%;
}
.request a[data-v-1e0340e2] {
		text-decoration: underline;
}

	/* large only */
@media (min-width: 1411px) {
#page[data-v-1e0340e2] {
			font-size: 24px;
}
h2[data-v-1e0340e2] {
			font-size: 42px;
}
h3[data-v-1e0340e2] {
			font-size: 30px;
}
.tileTitle[data-v-1e0340e2] {
			font-size: 24px;
}
.menu-header[data-v-1e0340e2] {
			height: 0;
}
#sidebar-wrapper[data-v-1e0340e2] {
			min-width: 340px;
			width: 15vw;
}
.sidebar .logo[data-v-1e0340e2] {
			height: 35px;
			min-height: 35px;
			margin: 8vh 0;
}
.currentNavigation[data-v-1e0340e2]:before {
			background-size: 15px 15px;
			width: 20px;
			height: 20px;
			margin-left: -20px;
}
.content[data-v-1e0340e2] {
			margin-left: max(340px, 15vw);
			min-width: 820px;
			width: calc(100% - max(340px, 15vw));
}
.header[data-v-1e0340e2] {
			height: 50vh;
			min-height: 350px;
}
.header .logo[data-v-1e0340e2] {
			height: 80px;
}
.header .subtitle[data-v-1e0340e2] {
			margin-top: 30px;
			font-size: 30px;
}
.header-howto[data-v-1e0340e2] {
			height: 35vh;
}
.circle[data-v-1e0340e2] {
			width: 124px;
			height: 124px;
			margin-top: -62px;
			box-shadow: 0 0 0 8px white;
}
.circle > img[data-v-1e0340e2] {
			width: 76px;
			height: 76px;
}
.pale-green-shadow[data-v-1e0340e2] {
			box-shadow: 0 0 0 8px #E0F1E6;
}
.light-grey-shadow[data-v-1e0340e2] {
			box-shadow: 0 0 0 8px #F8F8F8;
}
.chapter[data-v-1e0340e2] {
			padding-bottom: 200px;
}
.underTiles[data-v-1e0340e2] {
			margin-top: 170px;
}
.chapter p[data-v-1e0340e2] {
			max-width: 60vw;
}
.video[data-v-1e0340e2] {
			width: 784px;
}
.benefit[data-v-1e0340e2] {
			width: 480px;
			margin: 20px 15px 30px 40px;
}
.benefit h3[data-v-1e0340e2] {
			margin: 0 0 0 25px;
}
.benefit p[data-v-1e0340e2] {
			margin-top: 10px;
			font-size: 20px;
}
.checkmark[data-v-1e0340e2] {
			width: 44px;
			height: 44px;
			box-shadow: 0 0 0 3px #178755;
}
.checkmark > img[data-v-1e0340e2] {
			width: 24px;
			height: 24px;
}
.tile-container[data-v-1e0340e2] {
			margin-top: 30px;
}
.tile[data-v-1e0340e2] {
			width: 25vw;
			max-width: 290px;
			height: 25vw;
			max-height: 280px;
			border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			margin: 21px;
			padding: 35px;
}
.tile img[data-v-1e0340e2] {
			width: 55px;
			height: 55px;
			margin: 0 auto;
}
.tile h3[data-v-1e0340e2] {
			font-size: 24px;
			margin: 10px;
}
.tile p[data-v-1e0340e2] {
			font-size: 20px;
}
.tile.blue[data-v-1e0340e2] {
			box-shadow: 0 10px #0B6C7C;
}
}
@media (max-width: 1410px) and (min-width: 1161px) {
#page[data-v-1e0340e2] {
			font-size: 18px;
}
h2[data-v-1e0340e2] {
			font-size: 36px;
}
h3[data-v-1e0340e2] {
			font-size: 26px;
}
.tileTitle[data-v-1e0340e2] {
			font-size: 22px;
}
.menu-header[data-v-1e0340e2] {
			height: 0;
}
#sidebar-wrapper[data-v-1e0340e2] {
			min-width: 250px;
			width: 12vw;
}
.sidebar .logo[data-v-1e0340e2] {
			height: 25px;
			margin: 8vh 0;
}
.currentNavigation[data-v-1e0340e2]:before {
			background-size: 15px 15px;
			width: 20px;
			height: 20px;
			margin-left: -20px;
}
.content[data-v-1e0340e2] {
			margin-left: 250px;
			min-width: 820px;
			width: calc(100% - 250px);
}
.header[data-v-1e0340e2] {
			height: 50vh;
			min-height: 250px;
}
.header .logo[data-v-1e0340e2] {
			height: 60px;
}
.header .subtitle[data-v-1e0340e2] {
			margin-top: 30px;
			font-size: 22px;
}
.header-howto[data-v-1e0340e2] {
			height: 35vh;
}
.circle[data-v-1e0340e2] {
			width: 80px;
			height: 80px;
			margin-top: -40px;
			box-shadow: 0 0 0 5px white;
}
.circle > img[data-v-1e0340e2] {
			width: 50px;
			height: 50px;
}
.pale-green-shadow[data-v-1e0340e2] {
			box-shadow: 0 0 0 8px #E0F1E6;
}
.light-grey-shadow[data-v-1e0340e2] {
			box-shadow: 0 0 0 8px #F8F8F8;
}
.chapter[data-v-1e0340e2] {
			padding-bottom: 200px;
}
.underTiles[data-v-1e0340e2] {
			margin-top: 140px;
}
.chapter p[data-v-1e0340e2] {
			max-width: 680px;
}
.video[data-v-1e0340e2] {
			width: 680px;
}
.benefit[data-v-1e0340e2] {
			width: 680px;
			margin: 30px 15px 30px 40px;
}
.benefit h3[data-v-1e0340e2] {
			margin: 0 0 0 15px;
}
.benefit p[data-v-1e0340e2] {
			margin-top: 10px;
			font-size: 20px;
}
.checkmark[data-v-1e0340e2] {
			width: 44px;
			height: 44px;
			box-shadow: 0 0 0 3px #178755;
}
.checkmark > img[data-v-1e0340e2] {
			width: 24px;
			height: 24px;
}
.tile-container[data-v-1e0340e2] {
			margin-top: 10px;
}
.tile[data-v-1e0340e2] {
			width: 25vw;
			max-width: 290px;
			height: 25vw;
			max-height: 280px;
			border-radius: 15px;
			-moz-border-radius: 15px;
			-webkit-border-radius: 15px;
			margin: 21px;
			padding: 35px;
}
.tile img[data-v-1e0340e2] {
			width: 55px;
			height: 55px;
			margin: 0 auto;
}
.tile h3[data-v-1e0340e2] {
			font-size: 24px;
			margin: 10px;
}
.tile p[data-v-1e0340e2] {
			font-size: 18px;
}
.tile.blue[data-v-1e0340e2] {
			box-shadow: 0 7px #0B6C7C;
}
}


	/* medium only */
@media (max-width: 1160px) and (min-width: 551px) {
#page[data-v-1e0340e2] {
			font-size: 18px;
}
h2[data-v-1e0340e2] {
			font-size: 32px;
}
h3[data-v-1e0340e2] {
			font-size: 24px;
}
.tileTitle[data-v-1e0340e2] {
			font-size: 20px;
			margin-top: 7px;
			margin-bottom: 0;
}
#sidebar-wrapper[data-v-1e0340e2] {
			width: 250px;
			top: 80px;
}
.overlay[data-v-1e0340e2] {
			top: 0;
			left: 250px;
			width: calc(100% - 250px);
}
.currentNavigation[data-v-1e0340e2]:before {
			background-size: 12px 12px;
			width: 15px;
			height: 15px;
			margin-left: -15px;
}
.menu-header[data-v-1e0340e2] {
			height: 80px;
			padding-right: 80px;
			padding: 10px;
}
.menu-icon[data-v-1e0340e2] {
			width: 60px;
			height: 60px;
}
.menu-header .logo[data-v-1e0340e2] {
			height: 30px;
}
.header[data-v-1e0340e2] {
			height: 300px;
}
.header .logo[data-v-1e0340e2] {
			height: 60px;
}
.header .subtitle[data-v-1e0340e2] {
			margin-top: 20px;
			font-size: 24px;
}
.header-howto[data-v-1e0340e2] {
			height: 30vh;
}
.circle[data-v-1e0340e2] {
			width: 80px;
			height: 80px;
			margin-top: -40px;
			box-shadow: 0 0 0 5px white;
}
.circle > img[data-v-1e0340e2] {
			width: 48px;
			height: 48px;
}
.pale-green-shadow[data-v-1e0340e2] {
			box-shadow: 0 0 0 5px #E0F1E6;
}
.light-grey-shadow[data-v-1e0340e2] {
			box-shadow: 0 0 0 5px #F8F8F8;
}
.chapter[data-v-1e0340e2] {
			padding-bottom: 140px;
}
.underTiles[data-v-1e0340e2] {
			margin-top: 70px;
}
.chapter p[data-v-1e0340e2] {
			max-width: 800px;
}
.video[data-v-1e0340e2] {
			width: 450px;
}
.benefit[data-v-1e0340e2] {
			width: 400px;
}
.benefit h3[data-v-1e0340e2] {
			margin: 0 0 0 10px;
}
.benefit p[data-v-1e0340e2] {
			font-size: 18px;
}
.checkmark[data-v-1e0340e2] {
			width: 32px;
			height: 32px;
			box-shadow: 0 0 0 2px #178755;
}
.checkmark > img[data-v-1e0340e2] {
			width: 24px;
			height: 24px;
}
.tile-container[data-v-1e0340e2] {
			margin-top: 10px;
}
.tile[data-v-1e0340e2] {
			width: 210px;
			height: 200px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			margin: 15px;
			padding: 20px;
}
.tile img[data-v-1e0340e2] {
			width: 40px;
			height: 40px;
			margin: 0 auto;
}
.tile h3[data-v-1e0340e2] {
			margin: 7px;
}
.tile p[data-v-1e0340e2] {
			font-size: 16px;
}
.tile.blue[data-v-1e0340e2] {
			box-shadow: 0 7px #0B6C7C;
}
}

	/* medium and small */
@media (max-width: 1160px) {
.menu-header[data-v-1e0340e2] {
			box-sizing: border-box;
			background-color: #0A7DA0;
}
.menu-header-content[data-v-1e0340e2] {
			display: flex;
			align-items: center;
			border-style: none;
			cursor: pointer;
			visibility: visible;
}
.overlay[data-v-1e0340e2] {
			position: fixed;
			height: 100%;
}
.sidebar .logo[data-v-1e0340e2] {
			display: none;
}
}

	/* small only */
@media (max-width: 550px) {
#page[data-v-1e0340e2] {
			font-size: 16px;
}
h2[data-v-1e0340e2] {
			font-size: 24px;
}
h3[data-v-1e0340e2] {
			font-size: 18px;
}
.tileTitle[data-v-1e0340e2] {
			font-size: 16px;
}
#sidebar-wrapper[data-v-1e0340e2] {
			width: 180px;
			top: 60px;
}
.overlay[data-v-1e0340e2] {
			top: 0;
			left: 180px;
			width: calc(100% - 180px);
}
.currentNavigation[data-v-1e0340e2]:before {
			background-size: 10px 10px;
			width: 12px;
			height: 12px;
			margin-left: -12px;
}
.menu-header[data-v-1e0340e2] {
			height: 60px;
			padding-right: 60px;
			padding: 8px;
}
.menu-icon[data-v-1e0340e2] {
			width: 45px;
			height: 45px;
}
.menu-header .logo[data-v-1e0340e2] {
			height: 20px;
}
.header[data-v-1e0340e2] {
			height: 150px;
}
.header .logo[data-v-1e0340e2] {
			height: 40px;
}
.header .subtitle[data-v-1e0340e2] {
			margin-top: 12px;
			font-size: 15px;
}
.header-howto[data-v-1e0340e2] {
			height: 180px;
}
.circle[data-v-1e0340e2] {
			width: 56px;
			height: 56px;
			margin-top: -28px;
			box-shadow: 0 0 0 4px white;
}
.circle > img[data-v-1e0340e2] {
			width: 32px;
			height: 32px;
}
.pale-green-shadow[data-v-1e0340e2] {
			box-shadow: 0 0 0 4px #E0F1E6;
}
.light-grey-shadow[data-v-1e0340e2] {
			box-shadow: 0 0 0 4px #F8F8F8;
}
.chapter[data-v-1e0340e2] {
			padding-bottom: 50px;
}
.chapter h2[data-v-1e0340e2] {
			margin-top:60px;
			margin-bottom: 10px;
}
.chapter p[data-v-1e0340e2] {
			max-width: 300px;
}
.video[data-v-1e0340e2] {
			width: 300px;
}
.benefit[data-v-1e0340e2] {
			width: 300px;
}
.benefit h3[data-v-1e0340e2] {
			margin: 0 0 5px 10px;
}
.benefit p[data-v-1e0340e2] {
			font-size: 16px;
			margin: 5px 0;
}
.checkmark[data-v-1e0340e2] {
			width: 22px;
			height: 22px;
			box-shadow: 0 0 0 2px #178755;
}
.checkmark > img[data-v-1e0340e2] {
			width: 12px;
			height: 12px;
}
.tile[data-v-1e0340e2] {
			width: 220px;
			height: 190px;
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			margin: 10px;
			padding: 15px;
}
.tile img[data-v-1e0340e2] {
			width: 25px;
			height: 25px;
			margin: 0 auto;
}
.tile.has-labs-banner[data-v-1e0340e2] {
			background-size: 120%;
}
.tile h3[data-v-1e0340e2] {
			margin: 5px;
}
.tileTitle[data-v-1e0340e2] {
			margin-top: 5px;
			margin-bottom: 0;
}
.tile .api-qualifier[data-v-1e0340e2] {
			font-size: 12px;
}
.tile.blue[data-v-1e0340e2] {
			box-shadow: 0 5px #0B6C7C;
}
.tile.blue.doc[data-v-1e0340e2] {
			width: 140px;
			height: 120px;
			border-radius: 5px;
			-moz-border-radius: 5px;
			-webkit-border-radius: 5px;
}
}