/* Pulling in fonts */
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-thin.woff);
	font-weight: 100;
	font-style: normal;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-thinitalic.woff);
	font-weight: 100;
	font-style: italic;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-extralight.woff);
	font-weight: 200;
	font-style: normal;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-extralightitalic.woff);
	font-weight: 200;
	font-style: italic;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-light.woff);
	font-weight: 300;
	font-style: normal;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-lightitalic.woff);
	font-weight: 300;
	font-style: italic;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-regular.woff);
	font-weight: 400;
	font-style: normal;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-regularitalic.woff);
	font-weight: 400;
	font-style: italic;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-medium.woff);
	font-weight: 500;
	font-style: normal;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-mediumitalic.woff);
	font-weight: 500;
	font-style: italic;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-semibold.woff);
	font-weight: 600;
	font-style: normal;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-semibolditalic.woff);
	font-weight: 600;
	font-style: italic;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-bold.woff);
	font-weight: 700;
	font-style: normal;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-bolditalic.woff);
	font-weight: 700;
	font-style: italic;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-black.woff);
	font-weight: 800;
	font-style: normal;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-blackitalic.woff);
	font-weight: 800;
	font-style: italic;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-super.woff);
	font-weight: 900;
	font-style: normal;
}
@font-face {
    font-family: Graphik;
    src: url(../fonts/graphik-superitalic.woff);
	font-weight: 900;
	font-style: italic;
}
/* END END END END END END */

/* BODY CSS */
body {
	background-color: #0D0D0D !important;
}
/* END END END END END END */

/* Typography Changes */
h1 {
	font-family: Graphik;
	font-weight: 500;
	font-size: 48px;
	color: #FAFAFA;
	line-height: 1.2;
	margin-bottom: 18px;
}

.two-column-body {
	-webkit-column-count: 2; /* Chrome, Safari, Opera */
	-moz-column-count: 2; /* Firefox */
	column-count: 2;
	column-gap: 60px;
}

.forced-left-column {
	width: 50%;
	padding-right: 10px;
}

.padding-left-and-right {
	padding-left: 10%;
	padding-right: 10%;
}

.sub-intro-text {
	font-family: Graphik;
	font-weight: 200;
	font-size: 18px;
	color: #FAFAFA;
	line-height: 1.4;
}

.subpage-col-left {
	padding: 0 60px 0 27px;
}

.subpage-col-right {
	padding: 81px 108px 0 120px;
}

.subpage-row {
	margin-left: 0;
	margin-right: 0;
}

.sub-intro-text-highlight {
	font-weight: 400;
}

.p-highlight {
	font-weight: 400;
	display: block;
}

.sub-intro-text-line {
	margin-bottom: 6px;
}

.intro-element {
	position: fixed;
	width: 30%;
}

.intro-text {
	margin-bottom: 48px;
}

.first-image-row {
	margin-top: 42px;
	margin-right: -15px;
    margin-left: -15px;
}

.last-list-item-before-text {
	margin-bottom: 21px;
}

.first-video-row {
	margin-top: 0px;
	margin-right: 0px;
    margin-left: 0px;
	width: 100%
}

.middle-video-row {
	margin-top: 30px;
	margin-right: 0px;
    margin-left: 0px;
	width: 100%
}

.highlight-video-row, {
	margin-top: 18px;
	margin-right: 15px;
    margin-left: 15px;
	width: 100%;
}

.fixed-project-head {
	position: sticky;
	top: 221px;
	/*
    right: 75%;
    left: 30;
    z-index: 1030; */
}

.middle-image-row {
	margin-top: 21px;
	margin-right: -15px;
    margin-left: -15px;
}

/* LIST STYLES */
.container ul {
	list-style-type: none;
	-webkit-padding-start: 0px;
}

.container ol {
	-webkit-padding-start: 18px;
	list-style-position: outside;
}

.container ul li:before {
	content: " - ";
}

.container ul li.special-highlight-list:before {
	content: " ";
}

.list-highlight {
	font-weight: 400;
}

.xxxlarge-element {
	display: inline;
}

.xlarge-element, .large-element, .show-sm-down-inline {
	display: none;
}

.hidden-md-down, .hidden-sm-down {
	display: block;
}

.first-video-row-top-margin {
	margin-top: 0px;
}

.chart-below-paragraph {
	margin-top: 0px;
	margin-bottom: 18px;
}

.video-italics {
	font-style: italic;
}

.before-middle-list {
	margin-bottom: 9px;
}

.before-middle-list-highlight {
	margin-bottom: 12px;
}

.container ul {
	padding-left: 0px;
	margin-bottom: 0rem;
}

.browser-side-list-image {
	padding: 12px 0;
}

.side-text-flex-container, .side-text-flex {
	display: flex;
}

.side-text-flex {
	align-items: center;
	margin-bottom: 0px;
}

.text-right-margin {
	margin-top: 9px;
}

.text-right-margin-big {
	margin-top: 15px;
}

.side-text-row {
	margin-top: 24px;
}

.side-text-row-top {
	margin-top: 0px;
}

.side-text-row-special {
	margin-top: 48px;
	margin-bottom: 48px;
}

.side-text-row-special-two {
	margin-top: 24px;
	margin-bottom: 24px;
}

.side-text-row-special-two-top {
	margin-top: 0px;
	margin-bottom: 24px;
}

.fluid-image {
	max-width: 100%;
	width: 100%;
	height: auto;
}

.side-text-element {
	display: inline-block;
}

.text-in-side {
	margin-bottom: 12px;
}

.text-in-side-size {
	font-size: 18px;
}
	

.side-text-element p:last-child {
	margin-bottom: 0;
}

.reverse-chronological-p {
	margin-top: -21px;
	font-weight: 200;
	opacity: .6;
}

.projects-row-work {
	margin-top: 42px;
}

.subsection-header-special {
	padding-bottom: 0px;
}
/* END END END END END END */
/* END END END END END END */

.subsection-header {
	font-family: Graphik;
	font-weight: 400;
	font-size: 30px;
	color: #FAFAFA;
	line-height: 1.3;
	margin-bottom: 12px;
	margin-top: 30px;
}

.row-margin {
	margin-top: 48px;
}

.very-last-element {
	margin-bottom: 0px !important;
}

.row-margin-big {
	margin-top: 90px;
}

.row-margin-half {
	margin-top: 30px;
}

.image-row-margin {
	margin-top: 18px;
}

.image-row-margin-big {
	margin-top: 0px;
}

.subsection-header-special {
	margin-top: 0px !important;
}

.h5-major {
	font-size: 36px;
	margin-top: 48px;
	line-height: 1.3;
}

h2 {
	font-family: Graphik;
	font-weight: 500;
	font-size: 124px;
	color: #FAFAFA;
	line-height: 1.1;
}

h3 {
	font-family: Graphik;
	font-weight: 200;
	font-size: 60px;
	color: #FAFAFA;
	line-height: 1.4;
}

h4 {
	font-family: Graphik;
	font-weight: 500;
	font-size: 45px;
	color: #FAFAFA;
	line-height: 1.1;
	margin-bottom: 8px;
}

h5 {
	font-family: Graphik;
	font-weight: 300;
	font-size: 27px;
	color: #FAFAFA;
	line-height: 1.4;
}

p {
	font-family: Graphik;
	font-weight: 200;
	font-size: 21px;
	line-height: 1.4;
	color: #FAFAFA;
	margin-bottom: 24px;
	word-break: break-word;
}

p:last-child {
	margin-bottom: 0px;
}

li {
	font-family: Graphik;
	font-weight: 200;
	font-size: 21px;
	line-height: 1.4;
	color: #FAFAFA;
	margin-bottom: 12px;
}

nav li {
	margin-bottom: 0px;
}
	

/* Speacial Text */
.name-header, .name-header-two{
	font-family: Graphik;
	font-weight: 300;
	line-height: 1.3;
	color: #FAFAFA;
}

.nav-link {
	font-family: Graphik;
	font-weight: 300;
	font-size: 21px;
	line-height: 1.3;
	color: #FAFAFA;
}
/* END END END END END END */

/* END END END END END END */

/* Margins and Padding */
.container {
	margin-top: 240px;
	margin-bottom: 60px;
	width: 100%;
	max-width: none;
	padding: 0px 0px;
}

.manual-bottom {
	margin-bottom: 21px !important;
}

.subpage-container {
	margin-bottom: 90px;
	max-width: 1260px;
	padding: 0 0 0 0;
	margin-top: 221px;
}

.special-subpage-container {
	margin-top: 90px;
}

.no-overflow-body {
	overflow-x: hidden;
}

.special-homepage-image {
	margin-top: -140px !important;
}

.mapzen-background {
	background-color: #FFFFFF !important;
}

.mapzen-text {
	color: #0D0D0D;
}

.amazon-background {
	background-color: #555E67 !important;
}

.seam-background {
	background-color: #628AD1 !important;
}

.thesis-background {
	background-color: #AAC9FF !important;
	background-image: linear-gradient(to right, #AAC9FF, #FFB6AA);
}

.dinosaur-background {
	background-color: #FFFFFF !important;
}

.relationship-background {
	background-color: #95EF98 !important;
}

.asterisk-background {
	background-color: #454545 !important;
}

.oyster-background {
	background-color: #E64C27 !important;
}

.converge-background {
	background-color: #594FBF !important;
}

.asthma-background {
	background-color: #0053E0 !important;
}

.conversation-background {
	background-color: #15437F !important;
}

.canvass-background {
	background-color: #5C7894 !important;
}

.explore-background {
	background-color: #FFFA37 !important;
}

.media-background {
	background-color: #FFFFFF !important;
}

.mexico-background {
	background-color: #DCDCDC !important;
}

.tactile-background {
	background-color: #FFEFCF !important;
}

.ryecatcher-background {
	background-color: #424B54 !important;
}

.know-background {
	background-color: #E0FB3D !important;
}

.vibes-background {
	background-color: #05F0FF !important;
}

.pew-background {
	background-color: #626C85 !important;
}

.culture-background {
	background-color: #ED1E28 !important;
}

.whale-background {
	background-color: #016D79 !important;
}

.capacity-background {
	background-color: #7FC051 !important;
}

.dashboard-background {
	background-color: #85D1E2 !important;
}

.voronoi-background {
	background-color: #FF7C87 !important;
}

.subarchive-text {
	font-family: Graphik;
	font-weight: 200;
	font-size: 20px;
	line-height: 1.4;
	color: #e1e1e1;
	display: block;
	margin-bottom: 8px;
}

.archive-text {
	width: 100%;
	margin-bottom: -4px;
}

.small-title-row {
	display: none;
}

.no-bottom-margin-for-me {
	margin-bottom: 0px;
}

.special-headliner {
	font-size: 30px;
	font-weight: 300;
	margin-top: 60px;
	margin-bottom: 48px !important;
}

.special-headliner-double {
	font-size: 30px;
	font-weight: 300;
	margin-top: 120px;
	margin-bottom: 48px !important;
}

.special-headliner-triple {
	font-size: 30px;
	font-weight: 300;
	margin-top: 175px;
	margin-bottom: 48px !important;
}

.special-headliner-four {
	font-size: 30px;
	font-weight: 300;
	margin-top: 231px;
	margin-bottom: 48px !important;
}

.special-headliner-five {
	font-size: 30px;
	font-weight: 300;
	margin-top: 289px;
	margin-bottom: 48px !important;
}

.special-headliner-content {
	font-size: 27px;
	font-weight: 200;
	margin-top: 0px;
	margin-bottom: 21px;
	font-weight: 300;
}

.special-headliner-content-middle {
	margin-top: 33px;
	margin-bottom: 33px;
	font-weight: 300;
}

.special-container-bottom {
	margin-bottom: 90px !important;
}

.special-headliner-content-after {
	margin-bottom: 0px;
}

.special-quote-headliner {
	margin-left: 24px;
}

.special-headliner-small {
	margin-top: 65px;
}

.two-across-left {
	padding-left: 0
}

.special-container-bottom {
	margin-bottom: 90px !important;
}

.special-flex-container {
	display: flex;
	align-items: center;
}


@media screen and (min-width: 1500px) {
	.statement-row {
		margin-right: 150px;
		margin-left: 150px;
		margin-bottom: 150px;
	}
	
	.project-home-row {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: 600px;
		background-color: orangered;
	}
	
	.project-home-row-special {
		height: 720px;
	}
	
	.header-row {
		margin-right: 84px;
		margin-left: 84px;
		padding-top: 36px;
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 1500px) {
	.statement-row {
		margin-right: 90px;
		margin-left: 90px;
		margin-bottom: 150px;
	}
	
	.project-home-row {
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 30px;
		height: 600px;
		background-color: orangered;
	}
	
	.project-home-row-special {
		height: 720px;
	}
	
	.header-row {
		margin-right: 72px;
		margin-left: 72px;
		padding-top: 36px;
		margin-bottom: 18px;
	}
	
	.subpage-container {
		max-width: 1200px;
	}
	
	.image-row-margin {
		margin-top: 12px;
	}
	
	.special-homepage-image {
		margin-top: -60px !important;
	}
}

@media screen and (max-width: 1320px) {
	.statement-row {
		margin-right: 60px;
		margin-left: 60px;
		margin-bottom: 150px;
	}
	
	.container {
		margin-top: 221px;
	}
	
	.special-subpage-container {
		margin-top: 90px;
	}
	
	h4 {
		font-size: 39px;
		margin-bottom: 6px;
	}

	h5 {
		font-size: 21px;
	}
	
	.header-row {
		margin-right: 60px;
		margin-left: 60px;
		padding-top: 36px;
		margin-bottom: 24px;
	}
	
	.subpage-container {
		max-width: 1080px;
	}
}

@media screen and (max-width: 1200px) {
	.statement-row {
		margin-right: 48px;
		margin-left: 48px;
	}
	
	h2 {
		font-size: 96px;
	}
	
	h3 {
		font-size: 60px;
	}
	
	.header-row {
		margin-right: 48px;
		margin-left: 48px;
		padding-top: 36px;
		margin-bottom: 18px;
	}
	
	.subpage-container {
		max-width: 1030px;
		padding: 0 0 0 0px;
	}
	
	.subarchive-text {
		font-size: 18px;
	}

	.archive-text {
		width: 100%;
		margin-bottom: -4px;
	}
}

@media screen and (max-width: 1100px) {
	.subpage-container {
		max-width: 920px;
	}
}

@media screen and (max-width: 992px) {
	
	.container ol {
		-webkit-padding-start: 16px;
	}
	
	.row-margin {
		margin-top: 18px;
	}
	
	.image-row-margin {
		margin-top: 6px;
	}
	
	.row-margin-big {
		margin-top: 42px;
	}
	
	.subsection-header-special {
		margin-bottom: 3px;
	}
	
	.text-right-margin-big, .text-right-margin {
		margin-top: 6px;
	}
	
	.statement-row {
		margin-right: 48px;
		margin-left: 48px;
		margin-bottom: 60px;
	}
	
	.special-headliner, .special-headliner-double, .special-headliner-triple, .special-headliner-four, .special-headliner-five  {
		/*font-size: 24px;
		margin-top: 12px;
		margin-bottom: 24px !important;
		font-weight: 400;*/
		
		font-size: 20px;
		margin-top: 24px;
		margin-bottom: 36px !important;
		font-weight: 200;
	}
	
	.special-headliner-content, .special-headliner-content-middle {
		font-size: 24px;
		font-weight: 200;
		margin-top: 0px;
		margin-bottom: 24px;
	}
	
	.special-headliner-small {
		margin-top: 42px;
	}
	
	.special-container-bottom {
		margin-bottom: 60px !important;
	}
	
	.container {
		margin-top: 150px;
		margin-bottom: 60px;
	}
	
	.special-subpage-container {
		margin-top: 20px;
	}
	
	h1 {
		font-size: 48px;
	}
	
	h2 {
		font-size: 72px;
	}
	
	h3 {
		font-size: 48px;
	}
	
	p, li {
		font-size: 20px;
	}
	
	.sub-intro-text {
		font-size: 18px;
	}
	
	.before-middle-list {
		margin-bottom: 9px;
	}
	
	li {
		margin-bottom: 12px;
	}
	
	.text-in-side-size {
		font-size: 17px;
	}
	
	.big-title-row {
		display: none;
	}
	
	.small-title-row {
		display: flex;
	}
	
	.subsection-header {
		font-size: 28px;
		margin-top: 24px;
	}
	
	.h5-major {
		font-size: 33px;
	}
		
	h4 {
		font-size: 30px;
		margin-bottom: 9px;
		line-height: 1.1;
	}

	h5 {
		font-size: 15px;
	}
	
	.project-home-row {
		height: 420px;
	}
	
	.project-home-row-special {
		height: 504px;
	}
	
	.header-row {
		margin-right: 36px;
		margin-left: 36px;
		padding-top: 36px;
		margin-bottom: 18px;
	}
	
	.subpage-container {
		max-width: 720px;
		padding: 0;
	}
	
	.intro-text {
		margin-bottom: 42px;
	}
	
	.sub-intro-text-line {
		margin-bottom: 3px;
	}
	
	.subarchive-text {
		font-size: 17px;
	}

	.archive-text {
		width: 100%;
		margin-bottom: -2px;
	}
	
	.left-margin-bottom {
		margin-bottom: 30px;
	}
}

@media screen and (max-width: 768px) {
	.statement-row {
		margin-right: 24px;
		margin-left: 24px;
		margin-bottom: 42px;
	}
	
	.hidden-md-down {
		display: none;
	}
	
	.image-row-margin {
		margin-top: 0px;
	}
	
	.container {
		margin-top: 120px;
	}
	
	.special-subpage-container {
		margin-top: 20px;
	}
	
	h1 {
		font-size: 42px;
	}
	
	.special-headliner, .special-headliner-double, .special-headliner-triple, .special-headliner-four, .special-headliner-five {
		/*font-size: 21px;
		margin-top: 9px;
		margin-bottom: 21px !important;*/
		
		font-size: 18px;
		margin-top: 8px;
		margin-bottom: 24px !important;
	}
	
	.special-headliner-content, .special-headliner-content-middle {
		font-size: 21px;
		margin-top: 0px;
	}
	
	.special-headliner-small {
		margin-top: 30px;
	}
	
	.sub-intro-text, li {
		font-size: 18px;
		margin-bottom: 9px;
	}
	
	.before-middle-list-highlight {
		margin-bottom: 9px;
	}
	
	p {
		font-size: 18px;
		margin-bottom: 12px;
	}
	
	.project-home-row {
		height: 360px;
	}
	
	.before-middle-list {
		margin-bottom: 6px;
	}
	
	.project-home-row-special {
		height: 432px;
	}
	
	h2 {
		font-size: 48px;
	}
	
	h3 {
		font-size: 36px;
	}
	
	h4 {
		font-size: 27px;
	}
	
	.h4-long {
		font-size: 24px;
	}

	h5 {
		font-size: 14px;
	}

	.h5-long {
		font-size: 12px;
	}
	
	.header-row {
		margin-right: 36px;
		margin-left: 36px;
		padding-top: 36px;
		margin-bottom: 18px;
	}
	
	.intro-text {
		margin-bottom: 48px;
	}
	
	.sub-intro-text-line {
		margin-bottom: 3px;
	}
	
	.subsection-header {
		font-size: 24px;
		margin-top: 18px;
	}
	
	.h5-major {
		font-size: 29px;
	}
	
	.subarchive-text {
		font-size: 16px;
	}

	.archive-text {
		width: 100%;
		margin-bottom: 0px;
	}
	
	.last-list-item-before-text {
		margin-bottom: 12px;
	}
}

@media screen and (max-width: 576px) {
	.statement-row {
		margin-right: 12px;
		margin-left: 12px;
		margin-bottom: 30px;
	}
	
	.special-container-bottom {
		margin-bottom: 36px !important;
	}
	
	.hidden-sm-down {
		display: none;
	}
	
	.header-row {
		margin-right: 24px;
		margin-left: 24px;
		padding-top: 36px;
		margin-bottom: 18px;
	}
	
	.container {
		margin-bottom: 36px;
	}
	
	h1 {
		font-size: 30px;
		line-height: 1.1;
	}
	
	h2 {
		font-size: 48px;
	}
	
	h3 {
		font-size: 30px;
	}
	
	h4 {
		font-size: 21px;
	}

	h5 {
		font-size: 10px;
	}
	
	.special-headliner, .special-headliner-double, .special-headliner-triple, .special-headliner-four, .special-headliner-five {
		/*font-size: 18px;
		margin-top: 0px;
		margin-bottom: 18px !important;*/
		
		font-size: 16px;
		margin-top: 4px;
		margin-bottom: 24px !important;
		font-weight: 200;
	}
	
	.special-headliner-content, .special-headliner-content-middle {
		font-size: 18px;
		margin-top: 0px;
		margin-bottom: 12px;
	}
	
	.special-headliner-small {
		margin-top: 30px;
	}
	
	.sub-intro-text, li {
		font-size: 16px;
		margin-bottom: 6px;
	}
	
	p {
		font-size: 16px;
		margin-bottom: 9px;
	}
	
	.manual-bottom {
		margin-bottom: 12px !important;
	}
		
	
	.project-home-row {
		height: 300px;
	}
	
	.project-home-row-special {
		height: 360px;
	}
	
	.subpage-container {
		max-width: 540px;
		padding: 0;
	}
	
	.intro-text {
		margin-bottom: 36px;
	}
	
	.sub-intro-text-line {
		margin-bottom: 3px;
	}
	
	.last-list-item-before-text {
		margin-bottom: 9px;
	}
	
	.subsection-header {
		font-size: 22px;
		margin-top: 18px;
	}
	
	.h5-major {
		font-size: 27px;
	}
	
	.special-subpage-container {
		margin-top: 20px;
	}
}
/* END END END END END END */

/* Navbar */
.navbar {
	padding: 18px 30px;
	align-items: flex-start;
}

.xlarge-element {
	display: none;
}
/* END END END END END END */


/* Name in Navbar */
.name-header {
	display: block;
	font-size: 24px;
}

.name-header-two {
	display: none;
	font-size: 18px;
}
/* END END END END END END */

/* Navbar Toggle - When in cell phone size */s
.navbar-toggler.navbar-toggler {
    border-color: transparent;
}

.navbar-toggler.navbar-toggler:focus {
    outline: none;
}

.navbar-toggler {
	padding: .25rem 0 .25rem .75rem;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(153,153,153)' stroke-width='1.4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-expand-lg .navbar-nav {
	flex-direction: column;
}

.inside-link {
	margin-left: 4px;
}

/* END END END END END */

/* Regular Link */
.subpage-container a {
	color: #FAFAFA;
	font-weight: 200;
	text-decoration: none;
}

a:visited, a:focus {
	color: #FAFAFA;
	font-weight: 200;
	text-decoration: none;
	outline: none;
}

a:hover {
	/*color: #15437F;*/
	color: #27E57C;
	font-weight: 300;
	text-decoration: none;
}

/* END END END END END END */

/* Dash Before Link Positioning */
.nav-link-dash {
	position: relative;
    right: -2px;
    top: 4px;
}

.title-link-dash {
	position: relative;
    top: 6px;
	margin-right: -12px;
}

.title-link-dash-second {
	position: relative;
    top: 6px;
	margin-right: -12px;
	margin-left: -6px;
}

.title-link-dash-second-special {
	position: relative;
    top: 6px;
	margin-right: -12px;
	margin-left: -4px;
}

.body-link-dash {
	position: relative;
    right: 3px;
    top: 3.5px;
}
/* END END END END END END */

.top-nav-link-container {
	height: 74px;
}

.top-nav-link {
	display: block;
	position: relative;
	top: -58px;
}

.top-nav-link-top {
	right: -36px
}

.top-nav-link-bottom {
	right: -27px
}

.top-nav-link-second {
	display: block;
	position: relative;
	top: -43px;
}

.top-nav-link-top-second {
	right: -32px
}

.top-nav-link-bottom-second {
	right: -23px
}

/* Pointer Events */
.no-pointer-events {
	pointer-events: none;
}

.auto-pointer-events {
	pointer-events: auto;
}
/* END END END END END END */

/* SVG COLORS */
svg .school-line {
	stroke: #FF422B;
}

svg .professional-line {
	stroke: #27E57C;
}

svg .personal-line {
	stroke: #F2BC29;
}

.school-line {
	color: #FF422B;
}

.professional-line {
	color: #27E57C;
}

.personal-line {
	color: #F2BC29;
}
/* END END END END END END */

.navbar-toggler.navbar-toggler {
    border-color: transparent;
}

.navbar-toggler.navbar-toggler:focus {
    outline: none;
}

.navbar-toggler {
	padding: .25rem 0 .25rem .75rem;
}

.navbar-toggler .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(250,250,250)' stroke-width='1.4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
}

.navbar-expand-lg .navbar-nav {
	flex-direction: column;
}

.home-description-group-left {
	margin-left: 72px;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
	height: 100%;
}

.home-description-group-right {
	margin-right: 72px;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
	height: 100%;
}

.hidden-overflow {
	overflow: hidden;
}

.home-highlight-image-right {
	width: 124%;
	margin-top: 60px;
	margin-left: 60px;
	overflow: hidden;
	position: absolute;
	left: 0px;
}

.home-highlight-image-right-two {
	width: 130%;
	margin-top: 0 !important;
	margin-bottom: 0 !important;
	margin-left: 60px;
	overflow: hidden;
	position: absolute;
	left: 0px;
}

.home-highlight-image-right-video {
	height: 88%;
	overflow: hidden;
	position: absolute;
  	top: 50%;
	left: 50%;
  	transform: translateY(-50%) translateX(-50%);
}

.home-highlight-image-left {
	width: 124%;
	margin-top: 60px;
	margin-right: 60px;
	overflow: hidden;
	position: absolute;
	right: 0px;
}

.home-highlight-phone-image-right {
	width: 60%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	position: absolute;
	left: 0px;
	right: 0px;
}

.home-highlight-phone-image-left {
	width: 60%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: -180px;
	position: absolute;
	left: 0px;
	right: 0px;
}

.home-description-phone-group-left {
	margin-left: 72px;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
	height: 100%;
}

.home-description-phone-group-right {
	margin-right: 150px;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
	height: 100%;
}

.home-highlight-print-image-right {
	width: 80%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	position: absolute;
	left: 0px;
	right: 0px;
}

.home-highlight-print-image-left {
	width: 80%;
	overflow: hidden;
	margin-left: auto;
	margin-right: auto;
	margin-top: 60px;
	position: absolute;
	left: 0px;
	right: 0px;
}

.home-description-print-group-left {
	margin-left: 72px;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
	height: 100%;
}

.home-description-print-group-right {
	margin-right: 120px;
	display: flex;
  	justify-content: center;
  	flex-direction: column;
	height: 100%;
}

.asthma-connect-background-image {
	background-color: #ffffff;
}

.phone-image {
	width: 360px;
}

.browser-image {
	display: inline-block;
	width: 100%;
	margin-bottom: 30px;
}

.browser-image-middle {
	display: inline-block;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 30px;
}

.browser-image-left {
	display: inline-block;
	width: 100%;
	margin-bottom: 0px;
	margin-top: 24px;
}

.browser-image-middle-test {
	display: inline-block;
	width: 100%;
	margin-bottom: 12px;
}

.browser-image-middle-half-left {
	display: inline-block;
	width: 45.8%;
	margin-bottom: 12px;
	margin-right: 4%;
	vertical-align: top !important;
}

.browser-image-middle-half-right {
	display: inline-block;
	width: 45.8%;
	margin-bottom: 12px;
	margin-left: 4%;
	vertical-align: top !important;
}

.browser-image-middle-half-center {
	display: inline-block;
	width: 378px;
	margin-bottom: 12px;
}

.browser-image-side {
	display: inline-block;
	width: 540px;
}

.phone-image-duo {
	display: inline-block;
	margin: 0 48px;
}

.phone-image-trio-left {
	display: inline-block;
	margin: 0 48px;
	position: absolute;
    left: 0;
    margin-left: -162px;
}

.phone-image-trio-right {
	display: inline-block;
	margin: 0 48px;
	position: absolute;
    right: 0;
    margin-right: -162px;
}

.browser-actual-image {
	width: inherit;
}

.phone-caption, .browser-caption {
	font-family: Graphik;
	font-weight: 200;
	font-size: 15px;
	line-height: 1.4;
	color: #e1e1e1;
	padding: 9px 24px 0;
	margin-bottom: 0px;
}

.browser-caption {
	width: 100%;
}

.full-width-image-row {
	margin: 0;
}

.full-width-image {
	width: 100%;
}

.full-width-video {
	width: 100%;
}

.almost-half-width-video, .almost-half-width-image {
	width: 33%;
}

.full-half-width-video {
	width: 100%;
}

.controls progress {
   color:#ffffff !important;
}

.image-before-text {
	margin-bottom: 9px !important;
}

.text-after-image {
	margin-top: 12px !important;
}

.only-images {
	margin-bottom: 6px;
}

@media screen and (max-width: 1720px) {
	.home-highlight-image-right-video {
		width: 86%;
		height: auto;
	}
}

@media screen and (max-width: 1500px) {
	.home-highlight-image-right {
		width: 128%;
		margin-top: 60px;
		margin-left: 60px;
	}
	
	.home-highlight-image-right-two {
		width: 150%;
	}
}

@media screen and (max-width: 1320px) {
	.home-description-group-left {
		margin-left: 48px;
	}
	
	.home-description-group-right {
		margin-right: 48px;
	}
	
	.home-description-phone-group-left {
		margin-left: 48px;
	}
	
	.home-description-phone-group-right {
		margin-right: 48px;
	}
	
	.home-description-print-group-left {
		margin-left: 48px;
	}
	
	.home-description-print-group-right {
		margin-right: 48px;
	}
	
	.home-highlight-phone-image-right, .home-highlight-phone-image-left {
		width: 60%;
		margin-top: 54px;
	}
	
	.home-highlight-print-image-right, .home-highlight-print-image-left {
		width: 80%;
		margin-top: 60px;
	}
	
	.home-highlight-image-right {
		width: 141%;
		margin-top: 60px;
		margin-left: 60px;
	}
	
	.home-highlight-image-left {
		width: 124%;
		margin-top: 60px;
		margin-right: 60px;
	}
	
	.home-highlight-image-right-two {
		width: 180%;
	}
}

@media screen and (max-width: 1200px) {
	.home-description-group-left {
		margin-left: 48px;
	}
	
	.home-description-group-right {
		margin-right: 48px;
	}
	
	.home-description-phone-group-left {
		margin-left: 48px;
	}
	
	.home-description-phone-group-right {
		margin-right: 48px;
	}
	
	.home-description-print-group-left {
		margin-left: 48px;
	}
	
	.home-description-print-group-right {
		margin-right: 48px;
	}
	
	.home-highlight-phone-image-right, .home-highlight-phone-image-left {
		width: 60%;
		margin-top: 54px;
	}
	
	.home-highlight-print-image-right, .home-highlight-print-image-left {
		width: 80%;
		margin-top: 60px;
	}
	
	.home-highlight-image-right {
		width: 172%;
		margin-top: 60px;
		margin-left: 60px;
	}
	
	.home-highlight-image-left {
		width: 124%;
		margin-top: 60px;
		margin-right: 60px;
	}
	
	.browser-image-middle-half-left {
		display: inline-block;
		width: 45.6%;
		margin-bottom: 12px;
		margin-right: 4%;
	}

	.browser-image-middle-half-right {
		display: inline-block;
		width: 45.6%;
		margin-bottom: 12px;
		margin-left: 4%;
	}
	
	.browser-image-middle-half-center {
		display: inline-block;
		width: 360px;
		margin-bottom: 12px;
	}
	
	.home-highlight-image-right-video {
		width: 92%;
	}
	
	.home-highlight-image-right-two {
		width: 200%;
	}
}

@media screen and (max-width: 992px) {
	.image-before-text {
		margin-bottom: 24px !important;
	}
	
	.home-highlight-image-right-video {
		width: 96%;
	}
	
    .navbar {
		align-items: center;
		border-bottom: .5px solid rgba(250,250,250,.8);
		background-color: #0D0D0D;
	}
	
	.navbar-toggler[aria-expanded="true"] .navbar-toggler-icon {
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 32 32' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgb(21,67,127)' stroke-width='1.4' stroke-linecap='round' stroke-miterlimit='10' d='M4 8h24M4 16h24M4 24h24'/%3E%3C/svg%3E");
	}
	
	.home-description-group-left {
		margin-left: 24px;
	}
	
	.home-description-group-right {
		margin-right: 24px;
	}
	
	.home-description-phone-group-left {
		margin-left: 24px;
	}
	
	.home-description-phone-group-right {
		margin-right: 24px;
	}
	
	.home-description-print-group-left {
		margin-left: 24px;
	}
	
	.home-description-print-group-right {
		margin-right: 24px;
	}
	
	.home-highlight-phone-image-right, .home-highlight-phone-image-left {
		width: 72%;
		margin-top: 30px;
	}
	
	.home-highlight-print-image-right, .home-highlight-print-image-left {
		width: 80%;
		margin-top: 42px;
	}
	
	.home-highlight-image-right {
		width: 172%;
		margin-top: 42px;
		margin-left: 60px;
	}
	
	.home-highlight-image-left {
		width: 124%;
		margin-top: 42px;
		margin-right: 60px;
	}
	
	.highlight-video-row, .middle-video-row {
		margin-top: 24px;
	}
	
	.first-image-row, .first-video-row {
		margin-top: 0px;
	}
	
	.browser-image-middle-half-left {
		display: inline-block;
		width: 344px;
		margin-bottom: 12px;
		margin-right: 12px;
	}

	.browser-image-middle-half-right {
		display: inline-block;
		width: 344px;
		margin-bottom: 12px;
		margin-left: 12px;
	}
	
	.browser-image-middle-half-center {
		display: inline-block;
		width: 344px;
		margin-bottom: 12px;
	}
	
	.reverse-chronological-p {
		margin-top: -27px;
	}
	
	.projects-row-work {
		margin-top: 30px;
	}
	
	.browser-image {
		margin-bottom: 24px;
	}
}

@media screen and (max-width: 768px) {
	.xxxlarge-element {
		display: none;
	}
	
	.xlarge-element {
		display: inline;
	}
	
	.nav-link {
		font-size: 17px;
	}
	
	.name-header {
		display: none;
	}
	
	.name-header-two {
		display: block;
	}
	
	.top-nav-link-container {
		height: 56px;
	}
	
	.navbar {
		padding-left: 15px;
		padding-right: 15px;
	}
	
	.home-description-group-left {
		margin-left: 24px;
	}
	
	.home-description-group-right {
		margin-right: 24px;
	}
	
	.home-description-phone-group-left {
		margin-left: 24px;
	}
	
	.home-description-phone-group-right {
		margin-right: 24px;
	}
	
	.home-description-print-group-left {
		margin-left: 24px;
	}
	
	.home-description-print-group-right {
		margin-right: 24px;
	}
	
	.home-highlight-phone-image-right, .home-highlight-phone-image-left {
		width: 75%;
		margin-top: 30px;
	}
	
	.home-highlight-print-image-right, .home-highlight-print-image-left {
		width: 80%;
		margin-top: 42px;
	}
	
	.home-highlight-image-right {
		width: 206%;
		margin-top: 42px;
		margin-left: 60px;
	}
	
	.home-highlight-image-left {
		width: 140%;
		margin-top: 42px;
		margin-right: 60px;
	}
	
	.subpage-container {
		padding: 0 15px;
	}
	
	.subpage-container {
		max-width: 540px;
	}
	
	.browser-image-middle-half-left {
		display: inline-block;
		width: 242px;
		margin-bottom: 12px;
		margin-right: 3px;
	}

	.browser-image-middle-half-right {
		display: inline-block;
		width: 242px;
		margin-bottom: 12px;
		margin-left: 3px;
	}
	
	.browser-image-middle-half-center {
		display: inline-block;
		width: 242px;
		margin-bottom: 12px;
	}
	
	.browser-image-middle {
		margin-bottom: 3px;
	}
}

@media screen and (max-width: 576px) {
	.home-description-group-left {
		margin-left: 0px;
		display: block;
		margin-top: 24px;
		height: inherit;
	}
	
	.home-description-group-right {
		margin-right: 0px;
		display: block;
		margin-top: 24px;
		height: inherit;
	}
	
	.home-description-phone-group-left {
		margin-left: 0px;
		display: block;
		margin-top: 24px;
		height: inherit;
	}
	
	.home-description-phone-group-right {
		margin-right: 0px;
		display: block;
		margin-top: 24px;
		height: inherit;
	}
	
	.home-description-print-group-left {
		margin-left: 0px;
		display: block;
		margin-top: 24px;
		height: inherit;
	}
	
	.home-description-print-group-right {
		margin-right: 0px;
		display: block;
		margin-top: 24px;
		height: inherit;
	}

	.home-highlight-phone-image-right, .home-highlight-phone-image-left {
		width: 50%;
		margin-top: 102px;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		padding: 0 12px;
	}
	
	.home-highlight-print-image-right, .home-highlight-print-image-left {
		width: 100%;
		margin-top: 102px;
		margin-left: auto;
		margin-right: auto;
		position: absolute;
		padding: 0 24px;
	}
	
	.home-highlight-image-right {
		width: 112%;
		margin-top: 102px;
		margin-left: -30px;
		margin-right: 0px;
		position: absolute;
		padding: 0 12px;
	}
	
	.special-margin-phone {
		margin-top: 126px !important;
	}
	
	.special-special-homepage-image {
		margin-top: 96px !important;
		width: 160% !important;
		margin-left: -126px !important;
		align-content: center;
	}
	
	.home-highlight-image-right-two {
		width: 112%;
		margin-top: 102px;
		margin-left: -30px;
		margin-right: 0px;
		position: absolute;
		padding: 0 12px;
	}
	
	.home-highlight-image-left {
		width: 100%;
		margin-top: 102px;
		margin-left: 0px;
		margin-right: 0px;
		position: absolute;
		padding: 0 12px;
	}
	
	.home-highlight-image-right-video {
		width: 100%;
		margin-top: 60px;
		margin-left: 0px;
		margin-right: 0px;
		position: absolute;
		padding: 0 12px;
	}
	
	.highlight-image-xs-small {
		overflow: hidden;
		position: relative;
	}
	
	.description-xs-small {
		position: absolute;
	}
	
	.subpage-container {
		max-width: 540px;
	}
	
	.browser-image-middle-half-left {
		display: inline-block;
		width: 100%;
		margin-bottom: 12px;
		margin-right: 0;
	}

	.browser-image-middle-half-right {
		display: inline-block;
		width: 100%;
		margin-bottom: 12px;
		margin-left: 0px;
	}
	
	.browser-image-middle-half-center {
		display: inline-block;
		width: 100%;
		margin-bottom: 12px;
	}
	
	.middle-image-row {
		margin-top: 18px;
}