/*
Theme Name: themename
Theme URI: http://www.thewebsite.com
Author: Randy Jensen & Randy Hoyt
Author URI: http://www.handcraftedwp.com
Description: HTML5 starter theme based off Ian Stewart's HTML5 Toolbox Theme with other goodies added plus chunks of Paul Irish's HTML5 Boilerplate mixed in for good measure. Shake well. 
Version: 0.9.1
*/

/* html5doctor.com Reset Stylesheet \\v1.6.1 \\ Last Updated: 2010-09-17 \\ http://richclarkdesign.com \\ @rich_clark */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
	letter-spacing: 0.07em;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display:block; }
ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; color: black}
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
/* tables still need cellspacing="0" in the markup */
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }


/*
 *
 * Base Styles 
 *
 */
body, select, input, textarea { 
  /* #444 looks better than black: twitter.com/H_FJ/statuses/11800719859 */ 
  color: #444; 


}
/* Headers (h1,h2,etc) have no default font-size or margin,
   you'll want to define those yourself. */ 
h1,h2,h3,h4,h5,h6 { font-weight: normal; display: inline;}
.entry-title {font-size: 15px;}

/* always force a scrollbar in non-IE */ 
html { overflow-y: scroll; }
/* Accessible focus treatment: people.opera.com/patrickl/experiments/keyboard/test */
a:hover, a:active { outline: none; }
a, a:active, a:visited {}
a:hover { color: #036; }
ul, ol { margin: 0}
ol { list-style-type: decimal; }
/* Remove margins for navigation lists */
nav ul, nav li { margin: 0; } 
small { font-size: 85%; }
strong, th { font-weight: bold; }
td, td img { vertical-align: top; } 
sub { vertical-align: sub; font-size: smaller; }
sup { vertical-align: super; font-size: smaller; }
pre { 
  padding: 15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}
textarea { overflow: auto; } /* thnx ivannikolic! www.sitepoint.com/blogs/2010/08/20/ie-remove-textarea-scrollbars/ */
.ie6 legend, .ie7 legend { margin-left: -7px; } /* thnx ivannikolic! */
/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; }
.ie7 input[type="checkbox"] { vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }
/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button { cursor: pointer; }
/* webkit browsers add a 2px margin outside the chrome of form elements */  
button, input, select, textarea { margin: 0; }
/* colors for form validity */
input:valid, textarea:valid   {  }
input:invalid, textarea:invalid { 
      border-radius: 1px;
    -moz-box-shadow: 0px 0px 5px red; 
 -webkit-box-shadow: 0px 0px 5px red; 
         box-shadow: 0px 0px 5px red;
}
.no-boxshadow input:invalid, 
.no-boxshadow textarea:invalid { background-color: #f0dddd; }
/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection{ background: #b2b2b2; color:#fff; text-shadow: none; }
::selection { background:#b2b2b2; color:#fff; text-shadow: none; } 
/*  j.mp/webkit-tap-highlight-color */
/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {width: auto; overflow: visible;}
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {-ms-interpolation-mode: bicubic;}

/*
 *
 * Nonsemantic Base Styles 
 *
 */
/* for image replacement */
.ir { display: block; text-indent: -999em; overflow: hidden; background-repeat: no-repeat; text-align: left; direction: ltr; }
/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden { display: none; visibility: hidden; } 
/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/  &  j.mp/visuallyhidden  */
.visuallyhidden { position: absolute !important;    
  clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px); }
/* Hide visually and from screenreaders, but maintain layout */
.invisible { visibility: hidden; }
/* >> The Magnificent CLEARFIX: Updated to prevent margin-collapsing on child elements << j.mp/bestclearfix */
.clearfix:before, .clearfix:after {
  content: "\0020"; display: block; height: 0; visibility: hidden;	
} 
.clearfix:after { clear: both; }
/* Fix clearfix: blueprintcss.lighthouseapp.com/projects/15318/tickets/5-extra-margin-padding-bottom-of-page */
.clearfix { zoom: 1; }


/*
 *
 * Structure
 *
 */
.owl-carousel .animated{
  -webkit-animation-duration:1s;
  animation-duration:1s;
  -webkit-animation-fill-mode:both;
  animation-fill-mode:both;
}
.owl-carousel .owl-animated-in{
  z-index:0;
}
.owl-carousel .owl-animated-out{
  z-index:1;
}
.owl-carousel .fadeOut{
  -webkit-animation-name:a;
  animation-name:a;
}

@-webkit-keyframes a{
  0%{
    opacity:1;
  }

  to{
    opacity:0;
  }
}
@keyframes a{
  0%{
    opacity:1;
  }

  to{
    opacity:0;
  }
}
.owl-height{
  -webkit-transition:height .5s ease-in-out;
  transition:height .5s ease-in-out;
}
.owl-carousel{
  display:none;
  width:100%;
  -webkit-tap-highlight-color:transparent;
  position:relative;
  z-index:1;
}
.owl-carousel .owl-stage{
  position:relative;
  -ms-touch-action:pan-Y;
}
.owl-carousel .owl-stage:after{
  content:".";
  display:block;
  clear:both;
  visibility:hidden;
  line-height:0;
  height:0;
}
.owl-carousel .owl-stage-outer{
  position:relative;
  overflow:hidden;
  -webkit-transform:translate3d(0, 0, 0);
}
.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{
  cursor:pointer;
  cursor:hand;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.owl-carousel.owl-loaded{
  display:block;
}
.owl-carousel.owl-loading{
  opacity:0;
  display:block;
}
.owl-carousel.owl-hidden{
  opacity:0;
}
.owl-carousel .owl-refresh .owl-item{
  display:none;
}
.owl-carousel .owl-item{
  position:relative;
  min-height:1px;
  float:left;
  -webkit-backface-visibility:hidden;
  -webkit-tap-highlight-color:transparent;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-user-select:none;
  -ms-user-select:none;
  user-select:none;
}
.owl-carousel .owl-item img{
  display:block;
  width:100%;
  -webkit-transform-style:preserve-3d;
}
.owl-carousel.owl-text-select-on .owl-item{
  -webkit-user-select:auto;
  -moz-user-select:auto;
  -ms-user-select:auto;
  user-select:auto;
}
.owl-carousel .owl-grab{
  cursor:move;
  cursor:-webkit-grab;
  cursor:-o-grab;
  cursor:-ms-grab;
  cursor:grab;
}
.owl-carousel.owl-rtl{
  direction:rtl;
}
.owl-carousel.owl-rtl .owl-item{
  float:right;
}
.no-js .owl-carousel{
  display:block;
}
.owl-carousel .owl-item .owl-lazy{
  opacity:0;
  -webkit-transition:opacity .4s ease;
  transition:opacity .4s ease;
}
.owl-carousel .owl-item img{
  -webkit-transform-style:preserve-3d;
          transform-style:preserve-3d;
}
.owl-carousel .owl-video-wrapper{
  position:relative;
  height:100%;
  background:#000;
}
.owl-carousel .owl-video-play-icon{
  position:absolute;
  height:80px;
  width:80px;
  left:50%;
  top:50%;
  margin-left:-40px;
  margin-top:-40px;
  background:url(owl.video.play.png) no-repeat;
  cursor:pointer;
  z-index:1;
  -webkit-backface-visibility:hidden;
  -webkit-transition:scale .1s ease;
  transition:scale .1s ease;
}
.owl-carousel .owl-video-play-icon:focus,.owl-carousel .owl-video-play-icon:hover{
  -webkit-transition:scale(1.3, 1.3);
  transition:scale(1.3, 1.3);
}
.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{
  display:none;
}
.owl-carousel .owl-video-tn{
  opacity:0;
  height:100%;
  background-position:center center;
  background-repeat:no-repeat;
  background-size:contain;
  -webkit-transition:opacity .4s ease;
  transition:opacity .4s ease;
}
.owl-carousel .owl-video-frame{
  position:relative;
  z-index:1;
}

@font-face{
	font-family:pragmatica;
	font-style:normal;
	font-weight:400;
	src:url("fonts/pragmatica-regular.woff");
}
@font-face{
	font-family:pragmatica;
	font-style:normal;
	font-weight:300;
	src:url(fonts/pragmatica-light.woff);
}
@font-face{
	font-family:pragmatica;
	font-style:normal;
	font-weight:700;
	src:url(fonts/pragmatica-regular.woff);
}
@font-face{
	font-family:pragmatica;
	font-style:normal;
	font-weight:900;
	src:url(fonts/pragmatica-bold.woff);
}
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,body,canvas,caption,center,cite,code,dd,del,details,dfn,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,tfoot,th,thead,time,tr,tt,u,ul,var,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:after,blockquote:before,q:after,q:before{content:none}table{border-collapse:collapse;border-spacing:0}
a{
	text-decoration:none;
	color:inherit;
}
.g-doc, .g-page{
	font: 13px pragmatica,arial;
	background:#f2f2f2;
}
.g-section__content{
  max-width:1340px; 
	amin-width:420px;
  margin:0 auto;
  padding: 0 1em 0 3em;
}
.g-section__subtitle{
  padding:1.5rem 0;
  text-align:center;
  font-size:1.25rem;
  font-weight:700;
}
.g-errors__item{
  display:none;
  position:fixed;
  z-index:3;
  top:0;
  right:0;
  left:0;
  box-sizing:border-box;
  background:#d63f3f;
  padding:0 20px;
  text-align:center;
  font-family:arial;
  font-size:18px;
  font-weight:700;
  line-height:30px;
  opacity:.8;
}
.g-errors__popup{
  bottom:0;
  padding:20% 0;
}
.g-errors__logo{
  outline:0;
  border:0;
  margin:20px;
  opacity:.7;
}
.g-errors__logo:focus,.g-errors__logo:hover{
  opacity:1;
}
.article{
	padding:0 0;
	line-height:1.5;
}
.article__content {
  width: 50%;
	min-width: 300px;
	max-width: 800px;
	font-size: 14px;
	line-height: 1.7em;

}

.article__content img{
width: 100% !important;
height: 100% !important;
}

.article__content p {
	padding: 1em 0 1em 0;
	letter-spacing: 0 !important;
}

.article__video{
  min-width:100%;
  margin:2rem -10%;
}
.article__video iframe{
  width:100%;
}
.article__video__title{
  font-size:.7rem;
}
.gallery{
	margin:0;
}
.gallery .owl-stage{
  width:1000000em !important;
}
.gallery .owl-next,.gallery .owl-prev{
  top:50%;
  position:absolute;
  z-index:2;
  -webkit-transform:translateY(-50%);
      -ms-transform:translateY(-50%);
          transform:translateY(-50%);
}
.gallery .owl-next:after,.gallery .owl-next:before,.gallery .owl-prev:after,.gallery .owl-prev:before{
  content:'';
  display:block;
  width:5px;
  height:30px;
  background:#fff;
}
.gallery .owl-next:before,.gallery .owl-prev:before{
  margin-bottom:-2px;
  border-radius:2px 2px 0 0;
  -webkit-transform-origin:center bottom;
      -ms-transform-origin:center bottom;
          transform-origin:center bottom;
}
.gallery .owl-next:after,.gallery .owl-prev:after{
  margin-top:-2px;
  border-radius:0 0 2px 2px;
  -webkit-transform-origin:center top;
      -ms-transform-origin:center top;
          transform-origin:center top;
}
.gallery .owl-prev{
  left:10%;
  padding-right:30px;
}
.gallery .owl-prev:before{
  -webkit-transform:rotate(40deg);
      -ms-transform:rotate(40deg);
          transform:rotate(40deg);
}
.gallery .owl-prev:after{
  -webkit-transform:rotate(-40deg);
      -ms-transform:rotate(-40deg);
          transform:rotate(-40deg);
}
.gallery .owl-next{
  right:10%;
  padding-left:30px;
}
.gallery .owl-next:before{
  -webkit-transform:rotate(-40deg);
      -ms-transform:rotate(-40deg);
          transform:rotate(-40deg);
}
.gallery .owl-next:after{
  -webkit-transform:rotate(40deg);
      -ms-transform:rotate(40deg);
          transform:rotate(40deg);
}
.gallery__content img {

	max-width: 60vw;
	max-height: calc(100vh - 6rem);

}
.gallery__slide{
  position:relative;
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display: flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  vertical-align: middle;
	background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
}
.gallery__slide__name{
  position:absolute;
  bottom:-33px;
  left:0;
  -webkit-transition:1s;
          transition:1s;
}
.owl-item.active+.owl-item.active .gallery__slide__name,.owl-item:not(.active) .gallery__slide__name{
  opacity:0;
}
.gallery__content{
  text-align:center;
	vertical-align: middle;
}
.gallery__title{
  font-size:3rem;
  font-weight:700;
}
.gallery__subtitle{
  font-size:3rem;
  font-weight:300;
}
.header{
	top:0;
}
.header\@inner{
  position:static !important;
}
@supports ((position: -webkit-sticky) or (position: sticky)){
  .header\@inner{
    position:-webkit-sticky !important;
    position:sticky !important;
  }
}
.header__item{
  font-weight:700;
	font-size: 13px;
	min-width: 180px;
}

.header__itemtitle{
  text-transform: uppercase;
	text-align: center;
		  -webkit-box-flex:1;
  -webkit-flex:1 27%;
      -ms-flex:1 27%;
          flex:1 27%;}

.header__title{
	  -webkit-box-flex:1;
  -webkit-flex:1 73%;
      -ms-flex:1 73%;
          flex:1 73%;
  text-align:center;
	padding: 0;
}
.header__lang{
		  -webkit-box-flex:1;
  -webkit-flex:1 27%;
      -ms-flex:1 27%;
          flex:1 27%;
  text-align:right;
  list-style-type: none;
  list-style-position: outside;
  text-transform: uppercase;
	font-weight: 900;
	min-width: 30px;
}
.header__name{
	text-transform: uppercase;
	font-weight: 900;
		  -webkit-box-flex:1;
  -webkit-flex:1 33%;
      -ms-flex:1 33%;
          flex:1 33%;
	
}

.line{
	right:0;
	left:0;
	position:fixed;
	z-index:2;
	background:#fff;
}
.line__content{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:justify;
  -webkit-justify-content:space-between;
      -ms-flex-pack:justify;
          justify-content:space-between;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  height:2.7rem;
}
.intro{
	color:#fff;
}
.intro .owl-controls{
  right:0;
  bottom:3rem;
  left:0;
  position:absolute;
  margin:1rem 0;
}
.intro .owl-dots{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
}
.intro .owl-dot{
  width:10px;
  height:10px;
  border:2px solid #fff;
  margin:0 10px;
  border-radius:50%;
}
.intro .owl-dot.active{
  background:#fff;
}
.intro__slide{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  -webkit-box-pack:center;
  -webkit-justify-content:center;
      -ms-flex-pack:center;
          justify-content:center;
  -webkit-box-align:center;
  -webkit-align-items:center;
      -ms-flex-align:center;
          align-items:center;
  width:100vw;
  height:100vh;
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center;
  cursor: pointer;
}
.intro__content{
  text-align:center;
}
.intro__title{
  font-size:3rem;
  font-weight:700;
  color: black;
}
.intro__subtitle{
  font-size:2rem;
  font-weight:300;
  color: black;
}
b,strong{
	font-weight:700;
}
em,i{
	font-style:italic;
}
.nav{
	bottom:0;
}
.nav\@inner{
  position:static;
  background:#b2b2b2;
  color:#fff;
}
.nav__link{
  font-weight:700;
  text-transform: uppercase;
	padding-right: 2em;
}
.projects{
	-webkit-columns:4 260px;
	   -moz-columns:4 260px;
	        columns:4 260px;
}

.project__title {
	text-transform: uppercase;
}

.projects__project{
  display:-webkit-box;
  display:-webkit-flex;
  display:-ms-flexbox;
  display:flex;
  -webkit-box-orient:vertical;
  -webkit-box-direction:normal;
  -webkit-flex-direction:column;
      -ms-flex-direction:column;
          flex-direction:column;
  max-width:260px;
  padding:1rem 0;
  -webkit-column-break-inside:avoid;
     page-break-inside:avoid;
          break-inside:avoid;
}
.projects__preview{
  display:block;
  width:100%;
  height:auto;
}
.projects__title{
  font-weight:900;
	padding-top: 0.2em;
	font-size: 12px;
}
.projects__year{
  font-weight:300;
}
.pubs{
	display:-webkit-box;
	display:-webkit-flex;
	display:-ms-flexbox;
	display:flex;
	-webkit-flex-wrap:wrap;
	    -ms-flex-wrap:wrap;
	        flex-wrap:wrap;
	-webkit-box-pack:justify;
	-webkit-justify-content:space-between;
	    -ms-flex-pack:justify;
	        justify-content:space-between;
}
.pubs__pub{
  max-width:260px;
  padding:1rem 0;
}
.pubs__preview{
  display:block;
  margin:0 0 .5rem;
}
.pubs__title{
  font-weight:700;
}
.pubs__text{
  font-size:.7rem;
}
.video{
	position:relative;
	padding-bottom:56.25%;
	margin:1rem 0;
	overflow:hidden;
}
.video__frame{
  top:0;
  left:0;
  position:absolute;
  width:100%;
  height:100%;
}

@media (min-width: 800px) {
.hamburger {display:none}
}

* {
  font-family: 'helvetica nue', sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
  /* For some Androids */
}

.top-animate {
  background: #fff !important;
  top: 13px !important;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
}

.mid-animate {
  opacity: 0;
}

.bottom-animate {
  background: #fff !important;
  top: 13px !important;
  -webkit-transform: rotate(-225deg);
  transform: rotate(-225deg);
}

.top-menu {
  top: 3px;
  width: 20px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.mid-menu {
  top: 9px;
  width: 20px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.bottom-menu {
  top: 15px;
  width: 20px;
  height: 2px;
  border-radius: 10px;
  background-color: #F9A530;
}

.menui {
  background: black;
  transition: 0.6s ease;
  transition-timing-function: cubic-bezier(.75, 0, .29, 1.01);
  margin-top: 10px;
  position: absolute;
}

.icon {
  z-index: 999;
  position: fixed;
  display: block;
  padding: 9px;
  height: 24px;
  width: 24px;
  margin: 0px;
  top: 0;
  left: 0;
}

.mobilenav {
  font-family: inherit;
  top: 0;
  left: 0;
  z-index: 999;
  display: none;
  position: fixed;
  width: 100%;
  height: 100%;
  background: orange;
}

.mobilenav li {
  list-style-type: none;
  text-align: center;
  padding: 10px;
	font-size: 150%;
	text-transform: uppercase;
	display: block;
}

.mobilenav li a {
	color: #000;
  text-decoration: none;
  font-weight: 300;
  width: 100%;
	text-transform: uppercase;
}

.mobilenav li:first-child {
  margin-top: 60px;
}


@media (max-width:800px){
	.intro__title {
		font-size: 2rem;
	}
	.intro__subtitle {
		font-size: 1rem;
	}
	.gallery__title, .gallery__subtitle {
		display: none;
	}
	.gallery__slide {
		height:calc(100vh - 1rem);
		margin-bottom: 10px;

	}
	.g_page {
	}
	.header__name {
		padding-left: 40px;
	}
	.g-section__content{
		padding: 0;		
  }
  .article__video iframe{
    height:auto;
  }
  .nav{
    display:none;
  }
  .projects__project{
    margin:0 auto;
		max-width:280px;
  }
	.line__content {
	
	}
  .pubs{
    -webkit-box-pack:center;
    -webkit-justify-content:center;
    -ms-flex-pack:center;
    justify-content:center;
  }
  .pubs__pub{
    margin:0 auto;
	}
}

}


/*
 *
 * Base Print Styles, inline to save the HTTP request
 *
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none !important; }
  a, a:visited { color: #444 !important; text-decoration: underline; }
  a:after { content: " (" attr(href) ")"; } 
  abbr:after { content: " (" attr(title) ")"; }
  .ir a:after { content: ""; }  /* Don't show links for images */
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */ 
  tr, img { page-break-inside: avoid; }
  @page { margin: 0.5cm; }
  p, h2, h3 { orphans: 3; widows: 3; }
  h2, h3{ page-break-after: avoid; }
}