@charset "utf-8";
/* CSS Document */
/* webfonts */
@font-face {
    font-family: 'wickedgrit';
    src:url('/fonts/Wicked-Grit.ttf.woff') format('woff'),
        url('/fonts/Wicked-Grit.ttf.svg#Wicked-Grit') format('svg'),
        url('/fonts/Wicked-Grit.ttf.eot'),
        url('/fonts/Wicked-Grit.ttf.eot?#iefix') format('embedded-opentype'); 
    font-weight: normal;
    font-style: normal;
}
@font-face {
	font-family:fabrica;
	src:url('/fonts/fabrica-webfont.ttf') format('ttf'),
		url('/fonts/fabrica-webfont.eot?#iefix') format('embedded-opentype');;
	font-weight:normal;
	font-style:normal;	
}

/* global custom CSS properties */
:root {
	--aColor:#aa9371;	
	--aColorSmall:#705e43;
	--bColor:#b22c00;
	--textColor:#433826;
	--paleColor:#d7cdbb;
	--superPaleColor:#E0D8CD;
}
body, * { box-sizing:border-box; }



/* type */
nav a, .nav-social a, .displayBox a { text-decoration:none; }
h1, h2, h3, h4 { font-weight:normal; }
h1, h2, h3, p { margin:0; padding:.2em 0 .5em; }
nav a, h1 { color: var(--aColor); }
.business, .tagline, .tagbox, .togglerSocial span:first-child {
	font-family: wickedgrit, Verdana, Geneva, sans-serif;	
}
.business, .tagline-sub em, .tagbox, aside h2 {
	color: var(--bColor);	
}
header p.business { position:relative; }
header p.business:after {
	width:100vw;
	content:'';
	left:50%;
	margin-left:-50vw;
	border-top:1px solid var(--superPaleColor);
	border-bottom:1px solid #fff;
	position:absolute;
	top:100%;
}
p.subtitle {padding:.4em 0 0;}
.subBlock, aside h2, .togglerSocial span:nth-child(2), .togglerSocial span:nth-child(3), .nav-social ul, fieldset {
		font-family:fabrica, Verdana, Geneva, sans-serif;
}
img { max-width:100% !important; height:auto; }
header img { max-width:94% !important; margin:0 auto;}

body, * {box-sizing:border-box; }
body {
	background:url(/images/tgc2018_bgTile_body.jpg);
	margin:0;
	padding:0;
}
header {
	text-align:center;
	position:relative;
	z-index:3;
}
.h1Block {
	position:relative;
	z-index:2;	
}
header,.h1Block, .subBlock {
	background:url(/images/tgc2018_bgTile_header.jpg);
}
h1 {
	position:relative;
	z-index:6;
	padding:0;
	font-style:italic;
	line-height:1.2;
}
h1, .subtitle, .textBlock, footer {
	/* width:1320px;*/
	max-width:94vw;
	margin:0 auto;
}
.h1Block:before {
	position:absolute;
	width:100%;
	left:0;
	bottom:.4em;
	height:1px;
	content:'';
	background: var(--paleColor);
}
h2 { font-size:.889em; }
.hilite {
font-size:1.5em;	
}
.hilite:first-line { font-size:.6em; font-style:italic; }
article {
	color: var(--textColor);	
}
aside { 
	font-size:.833em;
	color:#000;
	background:url(/images/TimAboutPortrait.png) center left no-repeat;
}
.themeCol {
	font-style:italic;
	color:#000;
	text-align:center;
	line-height:1.2;
}
.themeCol img {
	display:block;
	margin:0 auto;	
}
.sidebar h2 {
	font-size:1em;
	color:var(--bColor);
	padding-bottom:0;
	line-height:1;
}
.textBlock ul, .textBlock li { list-style-type:none; text-indent:0; }
.textBlock ul { margin:6px 0; }
.textBlock li {
	margin:.1em 0 .2em 0;
	padding:0 0 0 32px;
	background:url(/images/iconLogoBullet.png) 0 center no-repeat;
	background-size:18px;
	font-style:italic;
}
.textBlock a, .displayBox a {
	color:var(--bColor);	
}
.textBlock a:hover, .displayBox a:hover {
	color:#000;	
}
.detail, .note { font-size:.8em; font-style:italic; text-rendering: optimizeLegibility; }
.detail { padding-top:0; }
.note { color:#777; }
.detail a { color:#777; text-decoration:none;}
.detail a:hover, .detail a:active, .detail a:focus {color:#444; border-bottom:1px dotted #444; }
.soloBox { width:650px; max-width:94%; margin: 20px auto; }

/* base nav styling */
nav input[type=checkbox], .nav-social input[type=checkbox] {position:absolute; opacity:0; }
nav ul, nav li, .nav-social ul, .nav-social li {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	text-indent:0;
}

/* social nav */
.togglerSocial {
	position:relative;
	display:block;
	max-width:190px;
	margin:0 auto;
	padding:12px 12px 8px;
	height:62px;
	color:var(--aColor);
	z-index:20;
}
.togglerSocial:before, .togglerSocial:after {
	position:absolute;
	width:50%;
	height:100%;
	content:'';
	background:url(/images/tgc2018_bgTile_themebox.jpg);
	transform-origin:top;
	z-index:21;
}
.togglerSocial:before {
	top:0;
	left:0;
	border-radius: 0 0 0 20px;
	transform:skewX(5deg);
	box-shadow:0 1px 8px rgba(0,0,0,0.2);
}
.togglerSocial:after {
	top:0;
	right:0;
	border-radius: 0 0 20px 0;
	transform:skewX(-5deg);
	box-shadow:3px 1px 5px rgba(0,0,0,0.15);
}
.togglerSocial span { position:relative; z-index:22;}
.togglerSocial span:first-child {
	background:url(/images/iconSocial-FB.png) center left no-repeat, url(/images/iconSocial-Twitter.png) center right no-repeat;
	padding:10px 48px;
	font-size:15px;
	background-size:30px;
}
.togglerSocial span:nth-child(2), .togglerSocial span:nth-child(3) {
	display:block;
	margin-top:-2px;
	font-size:10px;
	padding:0;
}
.togglerSocial span:nth-child(2) {
	
}
.togglerSocial span:nth-child(3) {
	display:none;
}
.nav-social ul {
	
}
.nav-social a, .fb-like {
	display:none;
	padding:10px 30px;
	color:#fefefe;
	border-bottom:1px solid #333;
	border-top:1px solid #666;
	position:relative;
}
.nav-social a.linkFB {
	background:#555 url(/images/iconSocial-FB.png) 8px center no-repeat;
	background-size:19px;
}
.nav-social a.linkTw {
	background:#555 url(/images/iconSocial-Twitter.png) 8px center no-repeat;
	background-size:19px;
}
.fb-like {padding-top:10px; width:100%;}

.nav-social input[type=checkbox] ~ ul { 
		position:relative;
		top:0;
		left:0;
		width:100%;
		max-height:0 !important;
	  min-height:0;
	  line-height:0;
	  display:block; 
	  transition: all .8s ease-in-out;
	  transform: translateY(-400px);

		background:#555 !important;
		opacity:1;
	}
	.nav-social input[type=checkbox]:checked ~ ul {
	  line-height:1;
	  height:100%;
	  transform: translate(0);
	  z-index:19;
	margin-top:-62px;
	padding-top:80px !important;
	text-transform:uppercase;
	font-size:13px;
	}
.nav-social input[type=checkbox]:checked ~ ul a, .nav-social input[type=checkbox]:checked ~ ul .fb-like {display:block;background-color:#555; }
.nav-social a:hover, .nav-social a:active, .nav-social a:focus { background-color:#777 !important;}
.nav-social input[type=checkbox]:checked ~ label span:nth-child(2) { display:none;}
.nav-social input[type=checkbox]:checked ~ label span:nth-child(3) { display:block; }
.nav-social a.linkTw:after {
	position:absolute;
	content:'';
	width:100%;
	height:12px;
	background:#555;
	top:100%;
	left:0;
	border-radius:0 0 10px 10px;
	border-top:1px solid #666;
	z-index:-1;
}

/* Color Highlight for keyboard navigation */

a.twitter-timeline:focus {
  outline: none;
  border-color: var(--bColor);
}

/* footer styles */
footer { text-align:center; /* border-top:1px solid var(--paleColor); */
clear:both;
position:relative;}
footer:before {
	width:100vw;
	content:'';
	left:50%;
	margin-left:-50vw;
	border-top:1px solid var(--paleColor);
	position:absolute;
	top:0;
	height:1px;
	z-index:998;
}
footer nav ul, footer nav li { display:inline; list-style-type:none; margin:0; padding:0; }
footer nav a { 
	display:inline-block;
	background:url(/images/iconHome.png) center top no-repeat;
	padding:35px 8px 10px;
	font-style:italic;
}
footer nav .linkWork a { background:url(/images/iconWork.png) center 1px no-repeat; }
footer nav .linkCont a { background:url(/images/iconContact.png) center 3px no-repeat; }
footer nav a:hover { color:var(--bColor);}
.pghm footer .linkHm a { background-image: url(/images/iconHomeActive.png); color:var(--bColor); }
.pgwork footer .linkWork a { background-image:url(/images/iconWorkActive.png); color:var(--bColor); }
.pgcont footer .linkCont a { background-image:url(/images/iconContactActive.png); color:var(--bColor); }
.credits {
	font-size:.8em;
	background:url(/images/iconLogoBullet.png) center top no-repeat;
	padding-top:35px;
}
.credit-local { color:var(--bColor); padding:.2em 0; }
.credit-licensed {
	color:var(--aColorSmall);
	font-style:italic;
	font-size:.94em;
	padding:.1em 0 .2em;
	text-rendering: optimizeLegibility;
}

/* display pages general */
.displayBlock h2 {
	color:var(--bColor);
	padding:.25em 0 0;
	font-style:italic;
	font-size:1.15em;
}
.displayBox { display:grid;
		border:1px solid var(--paleColor);
		padding:5px 4%;
		line-height:1.25;
		font-size:.9em;
		background:rgba(255,255,255,0.7);
	}
.displayBox p:last-child {margin-top:auto; }
.displayImg {
		padding-top:8%;
		background:#fff;
		border:1px solid var(--paleColor);
	}
.displayImg.darkImg { padding:0 0 8%; background:#000; }

/* form styling */
form {
	max-width:600px;
	margin:5px auto;	
}
fieldset {
	padding:5px 10px;
	border:1px solid var(--paleColor);
	margin:5px 0;
}
fieldset label {
	font-size:.52em;
	text-transform:uppercase;
	color:var(--aColor);
	line-height:1;
}
fieldset label.inputLabel {
	display:inline-block;
	width:38%;
	float:left;
}
fieldset label.standaloneLabel {display:block; }
.contactform input, .contactform select {
	margin-top:0;
	width:60%;
	float:right;
}
.contactform input[type=submit] {
	border:1px solid #555;
	background:var(--bColor);
	text-transform:uppercase;
	width:100%;
	padding:3px;
	color:#fff;
}
textarea {
	width:100%;
	margin:2px 0;
	height:120px;
}

@media screen and (max-width:399px) {
	h1, .subtitle, .textBlock, footer {
	margin:0 15px;
	}
	aside {
		background-size:32%;
		padding-left:38%;
	}
	p.business {font-size:.92em;}
}
 @media screen and (max-width:559px) {
	body { font-size:18px; }
	h1 { font-size:1.28em; }
	.subtitle { font-size:.75em;}
	aside {
		background-size:22.7%;
		padding-left:25%;
		font-size:.9em;
	}
	footer { padding-bottom:20px; }
	
	/* portfolio displays on work page */
	.pginner .displayBlock {
		max-width:94%;
		padding:12px 0;
		margin:0 auto;
	}
	.displayBox {
		line-height:1.2;
		font-size:1em;
		margin:12px auto;
	}
 }
 @media screen and (min-width:560px) { 
 	body {font-size:24px;}
	footer {padding-bottom:25px;}
}
 @media screen and (min-width:400px) and (max-width:559px) {
	 aside {
		background-size:22.7%;
		padding-left:25%;
	}
 }
 @media screen and (max-width:899px) {
	 :root {
	--aColor:#947a58;
	 }
	 header nav {
		font-size:.9em;
	 }
  nav a {
	  text-decoration:none;
	  margin:0;
  }
  header nav li {
	  border-top: 1px solid #888;
	  border-bottom: 1px solid #333;	
  }
  header nav li a {
		padding:11px 40px;
		background:#555 url(/images/iconHome-mobile.png) 12px center no-repeat;
		color:#fff;
		font-style:italic;
		font-size:1.4em;
	}
	header nav li a:last-child { box-shadow:1px 1px 6px rgba(111, 111, 111, 0.9); }
	header nav li.linkWork a {
		background-image: url(/images/iconWork-mobile.png);
	}
	header nav li.linkCont a {
		background-image: url(/images/iconContact-mobile.png);
	}
header nav li a:hover, header nav li a:active, header nav li a:focus, header nav li a:target {
		background-color:#888;	
}
nav input[type=checkbox] ~ label.mobile-toggler:after { color:#fff; }

/* all CSS hamburger menu icon */
nav input[type=checkbox] ~ label.mobile-toggler:before {
	width:100%;
	margin-bottom:1.05em;
	padding-bottom:12px;
	display:block;
	content:'';
	box-shadow:0 1px 0 #fff, 0 4px 0 #777,0 5px 0 #fff,0 8px 0 #777,0 9px 0 #fff;
}

nav.menu-c { position:absolute; top:0; left:0; width:100%; font-size:.8em; }
.linkIcon { display:none; }
label.mobile-toggler {
		position:absolute; top:0; left:0;
		display:block;
		line-height:1.2;
		width:2.1em;
		margin:0;
		padding:.3em .6em .5em .5em;
		border:1px solid #444;
		border-left:none;
		background:#555;
		word-wrap:break-word !important;
		color:#fff;
		text-align:center;
		font-family:fabrica, Verdana, Geneva, sans-serif;
		box-shadow:1px 1px 3px rgba(125, 125, 125, 0.7);
		z-index:15;
	}
	
	nav input[type=checkbox] ~ ul { 
		position:absolute;
		top:0;
		left:2.05em;
		width:calc(100% - 2.2em) !important;
		max-height:0 !important;
	  min-height:0;
	  line-height:0;
	  display:block; 
	  transition: all .8s ease-in-out;
	  transform: translate(-100%, -100px);
		width:calc(100% - 1em);
		z-index:-999;
		border-left:1px solid #888;
		
	}
	nav input[type=checkbox]:checked ~ ul {
	  line-height:1;
	  max-height:900px;
	  transform: translate(0);
	  z-index:999;
	}
	header nav a { display:block; }
	header nav li {
	line-height:1.5em;	
	}
	nav input[type=checkbox] ~ label.toggler:after {
	display:block;
	padding:1em 0 .5em;
	font-size:.7em;
	content:' \25B6';
  }
  label.subtoggler:after {color:#fff; }
  nav input[type=checkbox]:checked ~ label.toggler:after {
	  content:' \25c0';
  }
	header p { /*ensure menu doesn't hide header text */
		margin:0 2.15em;
	}
	p.business {padding-top:15px; }
	header {
		display:flex;
		flex-direction:column;	
	}
	header img { order:3; margin-top:11px; }
	header .tagbox { order:4; }
	.subBlock {
		padding:0 0 12px;
		box-shadow:0 10px 10px -10px rgba(0,0,0,0.3);	
	}
	h1, .subtitle, .textBlock {
		margin:0 15px;	
	}
	.h1Block:before {
	bottom:.25em;
	}
	h1 { font-size:1.27em; line-height:1.2; }
	.subtitle { font-size:.75em; }
	.textBlock {
		padding-top:18px;	
	}
	aside, .sidebar .features {border-top:1px solid var(--paleColor);
		border-bottom:1px solid var(--paleColor);}
	aside,.themeCol { padding-top:20px; padding-bottom:20px; }
	.sidebar { clear:both; }
	.sidebar .features, .twitter-box { padding:5px 0 10px; }
}
@media screen and (min-width:560px) and (max-width:899px) {
	 aside {
		background-size:127px;
		padding-left:160px;
	}
	

}
@media screen and (min-width:900px) {
	.toptxt { margin:0; padding:0 0 70px; }
	p.business { padding-top:25px; }
	nav label { display:none; }
	header {position:relative; }
	.nav-social a, .fb-like {
		padding:13px 100px;
	}
	.nav-social a.linkFB {
	background:#555 url(/images/iconSocial-FB.png) calc(50% - 150px) center no-repeat;
	background-size:20px;
  }
  .nav-social a.linkTw {
	  background:#555 url(/images/iconSocial-Twitter.png) calc(50% - 150px) center no-repeat;
	  background-size:20px;
  }
	header nav, .tagbox {
		width:178px;
		height:178px;
		position:absolute;
		top:77px;
	}
	
	header nav ul {
		display:grid;
		grid-template-columns:85px 85px;	
		grid-template-rows:85px 85px;
		grid-column-gap:8px;
		grid-row-gap:8px;
	}
	header nav li {
		width:85px;
		height:85px;
		justify-self:center;
		align-self:center;
	}
	.tagbox p {
		width:100%;
		height:100%;
		font-size:19px;
		padding-top:42px;
	}
	.tagbox p:after {
		position:absolute;
		bottom:25px;
		left:calc(50% - 24px);
		content:'';
		width:48px;
		height:48px;
		background:url(/images/iconNavLogo.png) center no-repeat;
	}
	header nav li, .tagbox p {
		background:url(/images/tgc2018_bgTile_themebox.jpg);
	}
	header nav li, .tagbox p, .themebox:before {
		box-shadow:0 0 5px 2px rgba(0,0,0,0.2);
	}
	header nav li { position:relative; }
	header nav a { 
		display:block;
		position:absolute;
		height:100%;
		width:100%;
		font-style:italic;
		left:0;
		bottom:0;
		padding:48px 0 0;
		background:url(/images/iconHome.png) center 10px no-repeat;
	}
	header li.linkHm { grid-column:1; grid-row:1; }
	header li.linkWork { grid-column:2; grid-row:1; }
	header li.linkIcon { grid-column:1; grid-row:2; }
	header li.linkCont { grid-column:2; grid-row:2; }
	header nav .linkWork a { background:url(/images/iconWork.png) center 13px no-repeat; }
	header nav .linkIcon a { background:url(/images/iconNavLogo.png) center no-repeat; }
	header nav .linkCont a { background:url(/images/iconContact.png) center 17px no-repeat; }
	header nav a:hover { color:var(--bColor);}
	.pghm header .linkHm a { background-image: url(/images/iconHomeActive.png); color:var(--bColor); }
	.pgwork header .linkWork a { background-image:url(/images/iconWorkActive.png); color:var(--bColor); }
	.pgcont header .linkCont a { background-image:url(/images/iconContactActive.png); color:var(--bColor); }
	.themebox { z-index:10; }
	.themebox:before {
		content:'';
		position:absolute;
		z-index:-2;
		width:178px;
		height:178px;
		transform:rotate(45deg);
		top:0;
		left:0;
		background:rgba(219,210,196,0.7);
	}
	.subBlock { padding-bottom:25px; }
	.textBlock { padding-top:25px; }
	footer { padding-top:15px; }
	
	
	
	/* contact form */
	.displayBox.formBox { grid-column-start:1; grid-column-end:3; }
	/* push footer on short pages to bottom */
	html {height:100%; }
	body.pgshort { display:flex; flex-direction:column; height:100%; }
	body.pgshort footer { margin-top:auto !important; }
}
@media screen and (min-width:900px) and (max-width:1099px) {
	article { border-bottom:1px solid var(--paleColor); }
	aside {
		width:50%;
		background-size:30%;
		padding:20px 8px 10px 17%;
		background-position:left center;
		float:left;
		font-size:.8em;
		
	}
	.themeCol, .twitter-box {
		width:50%;
		padding-left:8px;
		float:right;
	}
	.themeCol img { max-width:64% !important; }
	/* clearfix */ .themeCol:after {
	clear:both;
	display:table;
	content:"";
	}
	.sidebar { clear:both; border-top:1px solid var(--paleColor);}
	.sidebar .features {
		width:50%;
		padding:20px 8px 10px 0;
		float:left;
	}
	.twitter-box { padding-top:20px; }
	h1, .subtitle, .textBlock, footer {
		max-width:calc(100% - 100px);	
	}
	.toptxt {max-width:410px; margin:0 auto; padding:0 0 60px;}
	.tagline-sub {max-width:350px; margin:0 auto;}
	header nav {
		left:60px;
	}
	.tagbox { right:60px; }
	.textBlock, h1, .subtitle {
		max-width:760px;	
	}
	.textBlock article {font-size:1.15em; }
}

@media screen and (min-width:1100px) and (max-width:1499px) {
	h1, .subtitle, .textBlock, footer {
		max-width:calc(100% - 140px);	
	}
	header nav {
		left:75px;
	}
	.tagbox { right:75px; }
	.tagline { font-size:1.35em; }
}
@media screen and (min-width:1100px) and (max-width:1299px) {
	/* two column layout */
	.textBlock {
		display:grid;
		grid-template-columns:61% 38%;	
		grid-column-gap:44px;	
	}
	.textBlock .mainCol {
		grid-column:1; grid-row:1;
	}
	.secondaryCol {
		grid-column:2; grid-row:1;
	}
	.themeCol img { max-width:68% !important; }
	.sidebar { grid-column:2; grid-row:2; }
	aside {
		background-size:28%;
		background-position: left 60px;
		padding-left:36%;
		border-top:1px solid var(--paleColor);
		font-size:1em;
	}
	aside h2 { padding-bottom:1em; }
	.features {
		border-top:1px solid var(--paleColor);
		border-bottom:1px solid var(--paleColor);
	}
	aside, .features, .twitter-box { padding-top:15px; padding-bottom:15px; }
}
@media screen and (min-width:1200px) {
	
	.tagline { padding-top:25px;}
	.business { padding:0; margin:0; }
	.subBlock {
		box-shadow:0 14px 14px -14px rgba(0,0,0,0.3);
		padding:2px 0 32px;
	}
	header p.business { font-size:1.25em; }
	
}
@media screen and (min-width:1300px) {
	.tagline { font-size:1.7em; }
	/* 3 column layout */
	.textBlock {
		display:flex;	
		flex-direction:row;
	}
	.mainCol {
		width:38%;
		
	}
	.secondaryCol {
		display:flex;
		width:62%;
		padding-left:25px;
	}
	.themeCol, .sidebar {
		width:50%;
		padding-left:25px;
	}
	.sidebar h2 {
		padding:10px 0 15px;	
	}
	.themeCol {padding-top:45px; }
	article, .features { padding-bottom:15px; border-bottom:1px solid var(--paleColor); }
	aside {
		background-size:28%;
		background-position: left 60px;
		padding-left:32%;
	}
	.textBlock { padding-bottom:15px; }
}
@media screen and (min-width:1500px) {
	h1, .subtitle, .textBlock, footer {
		max-width:1320px;	
	}
	header nav {
		left:calc(50% - 627px);
	}
	.tagbox { right:calc(50% - 627px); }
}

/* portfolio displays on work page */
.displayBox {
		line-height:1.25;
		font-size:.9em;
}
.displayBox header { 
		padding:6px 0 0; 
		border:1px solid var(--paleColor);
		border-bottom:none;
	}
	.displayBox.displayText header {border-bottom:1px solid var(--paleColor); }
	.displayBox.displayText .description {margin-top:12px; }
	

@media screen and (min-width:560px) and (max-width:899px) {
	.pginner .displayBlock {
		max-width:94%;
		padding:12px 0;
		margin:0 auto;
		display:grid;
		grid-template-columns:1fr 1fr;
		grid-column-gap:12px;
		grid-row-gap:12px;
	}
	.displayBox {
		line-height:1.2;
		font-size:.85em;
	}
}
@media screen and (min-width:560px) and (max-width:699px) {
	.displayBox {
		grid-template-rows:.75fr 1.7fr 2.25fr .3fr;
	}
	.displayBox.displayText {
		grid-template-rows:.75fr 4.25fr .3fr;	
	}
}
@media screen and (min-width:700px) and (max-width:899px) {
	.displayBox {
		grid-template-rows:.75fr 1.7fr 1.4fr .3fr;
	}
	.displayBox.displayText {
		grid-template-rows:.75fr 3.3fr .3fr;	
	}
}

@media screen and (min-width:900px) {
	.pginner .displayBlock {
		width:1320px;
		max-width:94%;
		padding:18px 0;
		margin:0 auto;
		display:grid;
		grid-template-columns:1fr 1fr 1fr;
		grid-column-gap:22px;
		grid-row-gap:22px;
	}
}
@media screen and (min-width:900px) and (max-width:1099px) {
	.displayBox {
		grid-template-rows:.6fr 1.05fr 1.4fr .25fr;
	}
	.displayBox.displayText {
		grid-template-rows:.6fr 2.5fr .25fr;	
	}
}
@media screen and (min-width:1100px) and (max-width:1339px) {
	.displayBox {
		grid-template-rows:.6fr 1.25fr 1.25fr .3fr;
	}
	.displayBox.displayText {
		grid-template-rows:.6fr 2.5fr .3fr;	
	}
}
@media screen and (min-width:1340px) {
	.displayBox {
		grid-template-rows:.75fr 2fr 1.25fr .4fr;
	}
	.displayBox.displayText {
		grid-template-rows:.75fr 3.25fr .4fr;	
	}
}