@charset "UTF-8";
/**
 * Foundation for Sites
 * Version 6.9.0
 * https://get.foundation
 * Licensed under MIT Open Source
 */

@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin_latin-ext-300.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-300.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-300italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v40-latin_latin-ext-300italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-300italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-regular - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v40-latin_latin-ext-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-500 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-500italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 500;
  src: url('../fonts/open-sans-v40-latin_latin-ext-500italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-500italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-600 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin_latin-ext-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-600italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v40-latin_latin-ext-600italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-600italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-700 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-700italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v40-latin_latin-ext-700italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-700italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-800 - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v40-latin_latin-ext-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/* open-sans-800italic - latin_latin-ext */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v40-latin_latin-ext-800italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
       url('../fonts/open-sans-v40-latin_latin-ext-800italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}



:root {
	--grid-row-maxwidth: 75rem;
	--grid-gutter: 1.25rem;
	--grid-gutter-half: 1.25rem;
	--viewportWidth: calc(100vw - var(--scrollbarWidth));
}
@media print, screen and (min-width: 40em) {
	:root {
		--grid-row-maxwidth: 75rem;
		--grid-gutter: 2.5rem;
		--grid-gutter-half: 1.25rem;
	}
}
@media print, screen and (min-width: 64em) {
	:root {
		--grid-row-maxwidth: 75rem;
		--grid-gutter: 2.5rem;
		--grid-gutter-half: 1.25rem;
	}
}
@media print, screen and (min-width: 75em) {
	:root {
		--grid-row-maxwidth: 72rem;
		--grid-gutter: 2.5rem;
		--grid-gutter-half: 1.25rem;
	}
}
@media print, screen and (min-width: 90em) {
	:root {
		--grid-row-maxwidth: 84rem;
		--grid-gutter: 2.5rem;
		--grid-gutter-half: 1.25rem;
	}
}
@media print, screen and (min-width: 120em) {
	:root {
		--grid-row-maxwidth: 100rem;
		--grid-gutter: 2.5rem;
		--grid-gutter-half: 1.25rem;
	}
}



/*** COLORS ***/
:root {
	--font-default: #000;
	--font-light1: #444;
	--color-link-default: #000;
	--background-default: #fff;
}




body {background: var(--background-default); font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-weight: 400; line-height: 1.4; color: #000;  }

::-moz-selection {color: #fff; background: var(--font-default); }
::selection {color: #fff; background: var(--font-default); }

.mega.mega-logo {margin-top: 1rem; margin-bottom: 0; }
.mega-logo-img {width: 10rem; }

header {background: #fff; padding: 0.5rem 0 0 0; transition: all ease-in-out 0.3s; }
.title-bar, .top-bar, .top-bar ul {background: none; }
.title-bar {padding: 0.5rem 0; justify-content: space-between; }
.top-bar .menu .active > a {background: transparent; color: var(--font-default); }
.logo {width: 10rem; transition: all ease-in-out 0.3s; }
.logo a {display: block; border: none !important; }
.logo a:hover, .logo a:focus, .logo a.active, .logo .active a {color: none; border-bottom: none !important; }

.contents {padding: 1.5rem 0; }
footer {margin-top: 2rem; }
.footer-bottom {margin-top: 1rem; }
footer .line-top {border-top: 1px solid var(--font-default); }
.footer-nav {margin: 0.25rem 0 1rem 0; }
.footer-nav .menu > li {padding-right: 1.5rem; }
.footer-nav .menu a {padding: 0.7rem 0; font-size: 0.9125rem; }



a {color: var(--color-link-default); border-bottom: 1px solid transparent; }
a:hover, a:focus, a.active, .active a {color: var(--color-link-default); border-bottom: 1px solid var(--color-link-default); }

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5, h6, .h6 {font-family: "Open Sans", "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif; font-style: normal; font-weight: 700; color: var(--font-default); line-height: 1.3; }

h1, .h1 {font-size: 1.625rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.25rem; }
h2, .h2 {font-size: 1.25rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.75rem; }
h3, .h3 {font-size: 1.0625rem; line-height: 1.4; margin-top: 1rem; margin-bottom: 0.25rem; }
h4, .h4 {font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; }

h5, .h5 {
  font-size: 1.0625rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h6, .h6 {
  font-size: 1rem;
  line-height: 1.4;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

h2.mega-portfolio {font-size: 1.4125rem; font-weight: 400; color: var(--font-light1); }
.mega-portfolio-item {display: inline-block; white-space: nowrap; }
.mega-separator {display: inline-block; margin: 0 0.5rem; }

footer h3 {font-size: 1rem; margin-bottom: 0.125rem; }
footer p {line-height: 1.4; }
footer .contact-item {display: inline-block; width: 3.75rem; margin-right: 0.375rem; }

p.copyright {font-size: 0.75rem; margin: 0.5rem 0 1.25rem 0; }

.meta header {padding-bottom: 1.5rem; }
.meta h2 {margin-top: 2rem; }

@media print, screen and (min-width: 40em) {
	.mega.mega-logo {margin-top: 1rem; margin-bottom: 0; }
	.mega-logo-img {width: 11rem; }
	
	.title-bar {padding: 0.75rem 0; }
	.logo {width: 11rem; }
	.contents {padding: 2.25rem 0; }
	
	.mega.mega-portfolio {padding: 2rem 0; }
	
	footer {margin-top: 0; padding: 1rem 0; }
	
	h2.mega-portfolio {font-size: 1.875rem; }
	
	p.copyright {margin: 0.875rem 0 1.25rem 0; text-align: right; }
	
	
	
}



@media print, screen and (min-width: 64em) {
	
	.top-bar {padding: 1rem 0; }
	.top-bar-left {display: flex; align-items: center; }
	.logo {width: 12rem; margin-right: 3.75rem; }
	.contents {padding: 2.5rem 0; }
	
	.mega.mega-logo {margin-top: 1rem; margin-bottom: 0; }
	.mega-logo-img {width: 12rem; }
	
	.mega.mega-portfolio {padding: 2rem 0; }
	.mega-separator {margin: 0 0.75rem; }
	
	footer {margin-top: 1rem; }
	
	h2.mega-portfolio {font-size: 1.875rem; }
	
	
}


@media print, screen and (min-width: 75em) {
	.top-bar {padding: 1.25rem 0; }
	.logo {width: 13rem; margin-right: 5rem; }
	
	.mega.mega-logo {margin-top: 1.5rem; margin-bottom: 0.5rem; }
	.mega-logo-img {width: 13rem; }
	
	.mega.mega-portfolio {padding: 2.5rem 0; }
	
	.contents {padding: 2rem 0; }
	
	footer {margin-top: 0rem; }
	
	
	h1, .h1 {font-size: 1.75rem; line-height: 1.4; margin-top: 0; margin-bottom: 1.75rem; }
	h2, .h2 {font-size: 1.375rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.75rem; }
	h3, .h3 {font-size: 1.125rem; line-height: 1.4; margin-top: 1rem; margin-bottom: 0.25rem; }
	h4, .h4 {font-size: 1rem; line-height: 1.4; margin-top: 0; margin-bottom: 0.5rem; }
	
	h2.mega-portfolio {font-size: 2rem; }
	
	
}


@media print, screen and (min-width: 90em) {
	.top-bar {padding: 1.5rem 0; }
	.contents {padding: 3rem 0 1rem 0; }
	footer {margin-top: 0; padding: 2rem 0 1rem 0; }
	
}


@media print, screen and (min-width: 120em) {
	.top-bar {padding: 1.5625rem 0; }
	.mega.mega-logo {margin-top: 2rem; margin-bottom: 3.5rem; }
	footer {margin-top: 3rem; }
}