/*

Cascading Style Sheet

This one does the slides and the general page styling

*/

/*= REMOVE HORIZONTAL SCROLLBAR AND SET BG COLOUR
--------------------------------------------------------*/

html, body {
    max-width: 100%;
	overflow-x: hidden;
	line-height: 1.2em;
	min-height: 100%;
	margin: 0;
}

/*= REMOVE EXTRANEOUS ITEMS WHEN THE SCREEN IS LESS THAN 1080 PIXELS WIDE
--------------------------------------------------------*/
@media screen and (max-width: 1080px) {
	#header .homelogo {display: none;}
	#homecontent .vertical-rl {display: none;}
	#homecontent .homedoggo {display: none;}
	#aboutcontent .vertical-rl {display: none;}
	#workcontent .vertical-rl {display: none;}
	#contactcontent .vertical-rl {display: none;}
}

/*= CONTENT
--------------------------------------------------------*/

.vertical-rl {
    position: fixed;
	bottom: 20px; 
	right: 20px; 
	z-index: 90;
	
	
  writing-mode: vertical-rl;
  display: inline-block;
/* 
-webkit-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
 */
}

.vertical-center {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

#container {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#header {
	position: fixed;
	top: 10px;
	width: 100%; 
	height: 100px; 	
	z-index: 80;
	overflow: hidden;
}

#header .homelogo {
	position: absolute;
	max-width: 80px;
	top: 0px; 
	left: 20px; 
	z-index: 90;
}

#header .navicon {
	position: absolute;
	top: 20px;
	right: 45px;
	z-index: 90;
}

#homecontent {	
  z-index: 90;
  overflow: hidden;
}

#homecontent .gridcontainer {
  top: 10px;
  padding-bottom: 70px;
  min-height: 800px;
}

#workcontent {	
  z-index: 90;
  overflow: hidden;
}

#workcontent .gridcontainer {
  top: 130px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 140px;
}

#aboutcontent {	
  z-index: 90;
  overflow: hidden;
}

#aboutcontent .gridcontainer {
  top: 130px;
  padding-bottom: 140px;
}

#aboutcontent .AboutText {
  padding-left: 20px;
  padding-right: 20px;
}

#contactcontent {	
  z-index: 90;
  overflow: hidden;
}

#contactcontent .gridcontainer {
  top: 130px;
  padding-left: 20px;
  padding-right: 20px;
  padding-bottom: 140px;
}



.clear { clear: both; }


/* ==========================================================================
Print styles
========================================================================== */
@media print {
  * {
    background: transparent !important;
    color: black !important;
    /* Black prints faster: h5bp.com/s */
    box-shadow: none !important;
    text-shadow: none !important;
  }

  pre,
  blockquote {
    border: 1px solid #999999;
    page-break-inside: avoid;
  }

  thead {
    display: table-header-group;
    /* h5bp.com/t */
  }

  tr,
  img {
    page-break-inside: avoid;
  }

  img {
    max-width: 100% !important;
  }

  @page {
    margin: 0.5cm;
}

  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  
.hide {
  display: none;
}
  
  h2,
  h3 {
    page-break-after: avoid;
  }
}