@charset "utf-8";
/* CSS Document */




.selectedcolor {
	color:#B1DDF1;
}


.containera > div{
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
			
}
	
	.containera > div:hover{
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
		/*cursor: alias;*/
}

.containera > div::after { 
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.15vw;
  width: 0;
  background: #ccc;
  transition: width 0s ease 0s, left 0s ease 0s;
	opacity:0.7;cursor: alias;
}

.containera > div:hover::after { 
  width: 100%; 
  left: 0; cursor: alias;
	
}
	
	.containera > div::before { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.15vw;
  width: 0;
  background: #ccc;
  transition: width 0s ease 0s, left 0s ease 0s;
		opacity:0.7;cursor: alias;
}

.containera > div:hover::before { 
  width: 100%; 
  left: 0; cursor: alias;
}
		
	
	






.closeb {position:fixed;z-index:998;}
#closeb {position:fixed;z-index:998;}



#fixcenter {
	
	display:block;
	text-align:center;
}


@keyframes slideInFromLeft {
  0% {
    transform: translateX(-300%);
  }
  100% {
    transform: translateX(0);
  }
}
@keyframes slideInFromTop {
  0% {
    transform: translateY(-300%);
  }
  100% {
    transform: translateY(0);
  }
}
@keyframes fadein{
  0% {
   opacity:0;
  }
	 40% {
   opacity:0;
  }
  100% {
   opacity:1;
  }
}

#scottdurrant{  
  /* This section calls the slideInFromLeft animation we defined above */
	
  animation: 2s ease-out 0s 1 fadein;
	
  
}

#scottdurrant img:hover {
	
	
	cursor:alias;
	
}
@keyframes rotateAngle {
	0% {
		transform: rotateY(0deg) rotateX(10deg);
		animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
	}
	25% {
		transform: rotateY(20deg) rotateX(10deg);
	}
	50% {
		transform: rotateY(0deg) rotateX(10deg);
		animation-timing-function: cubic-bezier(0.61, 1, 0.88, 1);
	}
	75% {
		transform: rotateY(-20deg) rotateX(10deg);
	}
	100% {
		transform: rotateY(0deg) rotateX(10deg);
	}
}

@keyframes translateWobble {
  0% {
		opacity: 0;
		transform: translate3d(
			calc(var(--z) * 0px), 
			calc(var(--z) * 0px), 
			calc(var(--z) * 0px)
		);
  }
  16% {
		transform: translate3d(
			calc(var(--z) * 160px), 
			calc(var(--z) * 160px), 
			calc(var(--z) * 160px)
		);
  }
  28% {
		opacity: 1;
		transform: translate3d(
			calc(var(--z) * 70px), 
			calc(var(--z) * 70px), 
			calc(var(--z) * 70px)
		);
  }
  44% {
		transform: translate3d(
			calc(var(--z) * 130px), 
			calc(var(--z) * 130px), 
			calc(var(--z) * 130px)
		);
  }
  59% {
		transform: translate3d(
			calc(var(--z) * 85px), 
			calc(var(--z) * 85px), 
			calc(var(--z) * 85px)
		);
  }
  73% {
		transform: translate3d(
			calc(var(--z) * 110px), 
			calc(var(--z) * 110px), 
			calc(var(--z) * 110px)
		);
  }
	88% {
		opacity: 1;
		transform: translate3d(
			calc(var(--z) * 90px), 
			calc(var(--z) * 90px), 
			calc(var(--z) * 90px)
		);
  }
  100% {
		opacity: 1;
		transform: translate3d(
			calc(var(--z) * 100px), 
			calc(var(--z) * 100px), 
			calc(var(--z) * 100px)
		);
  }
}


/*#scottdurrant a:hover {
	animation:seehover;
	
}*/
/*@keyframes seehover{
  0% {
  color:fff;
  }
	
  100% {
  color:#e75e32;
  }
}*/


#navigation{  
  /* This section calls the slideInFromLeft animation we defined above */
	 animation: 1s ease-out 0s 1 slideInFromTop;

  
}

	#navigation a:hover {
		
		
		
		animation: 0.6s 1 forwards fadeincolor;
	}

@keyframes fadeincolor{
  0% {
  color:fff;
  }
	
  99% {
  color:#B1DDF1; 
  }
	 100% {
  color:#B1DDF1; 
  }
}






/*.item1, .item2, .item3,.item4, .item5, .item6, .item7, .item8, .item9, .item10, .item11, .item12, .item13, .item14, .item15, .item16, .item17, .item18, .item19 img:hover{opacity: 0.2vw;
	
}
*/



.play {
	position:relative;
		width:100%;
		height:100%;
		opacity:0;
		display: grid;
      justify-items: center;
      align-items: center;
	}
	
	.play img {
		width:6vw;
		height:6vw;
	}
	
	.play:hover {
		opacity:0.7;
	}





.highlight {
	position:relative;
		width:100%;
		height:100%;
		opacity:0;
		display: grid;
      justify-items: center;
      align-items: center;
	}
	
	.highlight img {
		width:20vw;
		height:10vw;
		overflow:hidden;
	}
	
	.highlight:hover {
		opacity:0;
		
		
	}




.video {
  overflow: hidden;
  max-height: 40vw;
  max-width: 80vw;
}


html {
  background-color: #2a2a2a;
  color: #FFF;
  font-family: 'dm_sans9pt_regular';
  height: 100%;
  margin: 0;
  padding: 0;
  display: flex;
  flex-direction: column;
}

#fixcenter1 img {
	width:65%;
	display:block;
	text-align:center;
	margin-left:10.5vw;
}

#fixcenter2 img {
	width:65%;
	display:block;
	text-align:center;
	margin-left:10.5vw;
}

.fixheight {/*padding-left:10vw;*/margin-left:0vw;
	width:45vw;
	display:block;
	text-align:center;
}

/*.fixheight2 video {margin-left:0vw;
	width:100%;
	display:block;
	text-align:center;
}*/

.fixheight3 {margin:auto;
	width:11vw;
	
}

.fixheight2 {margin-left:0vw;
	width:48vw;
	display:block;
	text-align:center;
}

video[poster]{object-fit:fill} 

html {
background-color:#2a2a2a;
color:#FFF;
font-family: 'dm_sans9pt_regular';
}
#makeblack {
	position:absolute;
	top:0vw;
	width:100vw;
	left:0vw;
	height:14vw;
	background-color:#2a2a2a;
	z-index:990;
}
@font-face {
    font-family: 'dm_sans9pt_italic';
    src: url('dmsans-italic-variablefont_opszwght.woff2') format('woff2'),
         url('dmsans-italic-variablefont_opszwght.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dm_sans9pt_regular';
    src: url('dmsans-variablefont_opszwght.woff2') format('woff2'),
         url('dmsans-variablefont_opszwght.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

ul {
  list-style-type: none;
}

/*-----------------------------------------------------START NAVIAGATION---------------------------------------
-------------------------------------------------------START NAVIAGATION---------------------------------------
-------------------------------------------------------START NAVIAGATION---------------------------------------*/

#scottdurrant {
	position:absolute;
	top:1.3vw;
	left:36.9vw;
	color:#fff;
	font-family: 'dm_sans9pt_regular';
	font-size:3vw;
	width:25vw;
}

#scottdurrant img {
	width:25vw;
	height:auto;
}

.nav-collapse {
	display:none;
	z-index:999;
	font-family: 'dm_sans9pt_regular';
}

#mobilenav {
	display:none;
	z-index:999;
	font-family: 'dm_sans9pt_regular';
	
}

a { /*  links*/
  text-decoration: none;
  color:#fff;
  font-family: 'dm_sans9pt_regular';
}

.navigation a {
  float: left;
  padding: 4vw;
  width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center; /* If you want the text to be centered */
  z-index:999;
}

#navbar {
	position:absolute;
	top:7vw;
	height:6vw;
	/*background-color:#0E13A4;*/
	font-family: 'dm_sans9pt_regular';
	z-index:999;
}

#navigation {
	position:absolute;
	left:0vw;
	width:98.4vw;
	top:2.9vw;
	font-size: 1vw;
	letter-spacing: 0.1vw;
	color:#fff;
	font-size:1.25vw;
	font-family: 'dm_sans9pt_regular';
	text-align:center;
	z-index:999;
}

#navigation li a.current{
	width:12vw;
	height:2.3vw;
	font-weight:bold;
	/*background-color:#F4A40F;
	border-radius:1vw;*/
	z-index:900;
   /*color: #ffffff;*/
  
}

.navi li a:active {
     /* background-color: darkblue;*/
      color:#fff;
      }
	  
#navigation li {
	display:inline;
	padding-left:3vw;
	padding-right:3vw;
	z-index:999;
}




/*-----------------------------------------------------START NAVIAGATION--------------------------------------ALLLL. ALL.  ALL ALL RESOLUTIONS --------------------------------------------------------------------------*/


#scottdurrant {
	position:absolute;
	top:1.9vw;
	left:41.9vw;
	color:#fff;
	font-family: 'dm_sans9pt_regular';
	font-size:3vw;
	width:25vw;
}

#scottdurrant img {
	width:15vw;
	height:auto;
}

.nav-collapse {
	display:none;
	z-index:999;
	font-family: 'dm_sans9pt_regular';
}

#mobilenav {
	display:none;
	z-index:999;
	font-family: 'dm_sans9pt_regular';
}

a { /*  links*/
  text-decoration: none;
  color:#fff;
  font-family: 'dm_sans9pt_regular';
}

.navigation a {
  float: left;
  padding: 4vw;
  width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
  text-align: center; /* If you want the text to be centered */
  z-index:999;
	
}

#navbar {
	position:absolute;
	top:6.4vw;
	height:6vw;
	/*background-color:#0E13A4;*/
	font-family: 'dm_sans9pt_regular';
	z-index:999;
}

#navigation {
	position:absolute;
	left:0vw;
	width:98.4vw;
	top:.0vw;
	font-size: 1vw;
	letter-spacing: 0.1vw;
	color:#fff;
	font-size:0.6vw;
	font-family: 'dm_sans9pt_regular';
	text-align:center;
	z-index:999;
}

#navigation li a.current{
	width:12vw;
	height:2.3vw;
	font-weight:bold;
	/*background-color:#F4A40F;
	border-radius:1vw;*/
	z-index:900;
   /*color: #ffffff;*/
  
}

.navi li a:active {
      /*background-color: darkblue;*/
      color:#fff;
      }
	  
#navigation li {
	display:inline;
	padding-left:1vw;
	padding-right:1vw;
	z-index:999;
}

#makeblack {
	position:absolute;
	top:0vw;
	width:100vw;
	left:0vw;
	height:8vw;
	background-color:#2a2a2a;
	z-index:990;
}


/*-----------------------------------------------------END NAVIAGATION---------------------------------------
-------------------------------------------------------END NAVIAGATION---------------------------------------



/*ONE*/.item1 {background: url('a_img_thumb/Broncos-South-endzone-conceptual-presales-rendering.jpg') 0% 25% /cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/Anamorphic-Display-stair-step-conceptual-rendering-of-Mets-stadium-display.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/Barrington-HS-Baseball-Option2.jpg') 45% 0% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/Spurs-Parking-Option-Two-San-Antonio-Spurs-Conceptual-Parking-display.jpg') 50% 0% /cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/Times-Square-Trapezoid-copy-samsung-conceptual.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/Dodgers-Sign-Video-Loss.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item7 {background: url('a_img_thumb/USA-Hockey_Mar2023.jpg') 0% 30% /cover no-repeat #000000;background-size:cover;}
/*EIGHT*/.item8 {background: url('a_img_thumb/greenbay-fascia-scoring.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*NINE*/.item9 {background: url('a_img_thumb/Saints_DraftRoomV2_Photos-1.jpg') center /cover no-repeat #000000;background-size:cover;}
/*TEN*/.item10 {background: url('a_img_thumb/mets-displays.jpg') top center/cover no-repeat #000000;}
/*ELEVEN*/.item11 {background: url('a_img_thumb/lambeau-field.jpg') top center/cover no-repeat #000000;}
/*TWELVE*/.item12 {background: url('a_img_thumb/Mets-Chandelier_Jan2022-concept-proposal.jpg') top center/cover no-repeat #000000;}
/*THIRTEEN*/.item13 {background: url('a_img_thumb/emailer-piece-image.jpg') 50% 3%/cover no-repeat #000000;}
/*FOURTEEN*/.item14 {background: url('a_img_thumb/72-point-stock-ticker-image.jpg') 100% 50%/cover no-repeat #000000;}
/*FIFTEEN*/.item15 {background: url('a_img_thumb/Mets-interactive-side-one-copy-concept-proposal.jpg') top center/cover no-repeat #000000;}
/*SIXTEEN*/.item16 {background: url('a_img_thumb/WKUSoftballDisplay_Jan2023.jpg') top center/cover no-repeat #000000;}
/*SEVENTEEN*/.item17 {background: url('a_img_thumb/Interview-Room-Mets-conceptual-display.jpg')  60% 50%/cover no-repeat #000000;}
/*EIGHTEEN*/.item18 {background: url('a_img_thumb/Proviso-East-Rendering-V9.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/MetlifeStadium-MainGate.jpg') top center/cover no-repeat #000000;}





.item1 { grid-area: ONE; }
.item2 { grid-area: TWO; }
.item3 { grid-area: THREE; }
.item4 { grid-area: FOUR; }
.item5 { grid-area: FIVE; }
.item6 { grid-area: SIX; }
.item7 { grid-area: SEVEN; }
.item8 { grid-area: EIGHT; }
.item9 { grid-area: NINE; }
.item10 { grid-area: TEN; }
.item11 { grid-area: ELEVEN; }
.item12 { grid-area: TWELVE; }
.item13 { grid-area: THIRTEEN; }
.item14 { grid-area: FOURTEEN; }
.item15 { grid-area: FIFTEEN; }
.item16 { grid-area: SIXTEEN; }
.item17 { grid-area: SEVENTEEN; }
.item18 { grid-area: EIGHTEEN; }
.item19 { grid-area: NINETEEN; }


/*-----------------------------------------------------scott---------------------------------------
-------------------------------------------------------START CONTENT---------------------------------------
-------------------------------------------------------START CONTENT---------------------------------------*/


/*MAYBE THIS IS REALLY THE lapt SCREEN RESOLUTION -----------------------------------------------------------------------------------------------------------------NOT USING RIGHT NOW---------------------------------*/



@media screen and (max-width:1px) {

#content { 
position:absolute;
top:6.2vw;
	font-family: 'dm_sans9pt_regular';
	background-color:#2a2a2a;
}

		#bigbluebottom {
	position:absolute;
	top:180vw;
	width:100vw;
	height:2vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:130.6vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:0.9vw;
	

		
}


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color:#2a2a2a;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Make HTML 5 elements display block-level for consistent styling */
main, article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

/* ============ *\
   GENERAL TAGS
\* ============ */

* {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#2a2a2a;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
	background-color:#2a2a2a;
	overflow-x:hidden;
	
}

p {
	padding: 10px 0;
}

h1,
h2,
h3 {
	font-family: 'Open Sans Condensed', sans-serif;	
}

h1,
h2 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	font-size:30px;
	line-height: 30px;
	padding-top: 5px;
	text-transform: uppercase;
	left: 0.75px;
}

::selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

::-moz-selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* ============ *\
   STRUCTURE
\* ============ */


.item1 { grid-area: ONE; }
.item2 { grid-area: TWO; }
.item3 { grid-area: THREE; }
.item4 { grid-area: FOUR; }
.item5 { grid-area: FIVE; }
.item6 { grid-area: SIX; }
.item7 { grid-area: SEVEN; }
.item8 { grid-area: EIGHT; }
.item9 { grid-area: NINE; }
.item10 { grid-area: TEN; }
.item11 { grid-area: ELEVEN; }
.item12 { grid-area: TWELVE; }
.item13 { grid-area: THIRTEEN; }
.item14 { grid-area: FOURTEEN; }
.item15 { grid-area: FIFTEEN; }
.item16 { grid-area: SIXTEEN; }
.item17 { grid-area: SEVENTEEN; }
.item18 { grid-area: EIGHTEEN; }
.item19 { grid-area: NINETEEN; }


/*

.containera {
	max-width: 1750px;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(4, (1fr));
	grid-template-rows: repeat(5, 1fr);
	grid-template-areas: 
	"ONE ONE TWO TWO"
	"ONE ONE THREE THREE"
	"FOUR FOUR FIVE EIGHT"
	"SIX SEVEN SEVEN EIGHT"
	"NINE NINE NINE NINE";
	background-color:#2aa2a;
	width:100vw;
}

.container > div {
	left:0vw;
	display: grid;
	min-height: 0px;
	align-items: center;
  transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	background-color:#2a2a2a;
    border-right: 0.5vw solid #2a2a2a;
	border-top: 0vw solid #2a2a2a;
    border-bottom: 0.5vw solid #2a2a2a;	
}*/
	
} /*closing bracket for @media screen and (max-width: 1750px)*/






/*
==================================================================================================================================MAIN BIG SCRREN SIZE=============================================================================*/

@media screen and (min-width:1600px)  {


#content { 
position:relative;
top: 12vw;
	
	font-family: 'dm_sans9pt_regular';
	background-color:#2a2a2a;
	
}
/*	
	body {position:absolute; height:110vw;}
	html {position:absolute; height:110vw;}
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font,  ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color:#2a2a2a;
	overflow-x:hidden;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Make HTML 5 elements display block-level for consistent styling */
main, article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

/* ============ *\
   GENERAL TAGS
\* ============ */

* {
	box-sizing: border-box;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
	background-color:#2a2a2a;
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size: 16px;
    line-height: 26px;
	background-color:#2a2a2a;
	overflow-x:hidden;
}

p {
	padding: 10px 0;
}

h1,
h2,
h3 {
	font-family: 'Open Sans Condensed', sans-serif;	
}

h1,
h2 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	font-size:30px;
	line-height: 30px;
	padding-top: 5px;
	text-transform: uppercase;
	left: 0.75px;
}

::selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

::-moz-selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* ============ *\
   STRUCTURE FOR WIDEST ONE
\* ============ */


.item1 { grid-area: ONE; }
.item2 { grid-area: TWO; }
.item3 { grid-area: THREE; }
.item4 { grid-area: FOUR; }
.item5 { grid-area: FIVE; }
.item6 { grid-area: SIX; }
.item7 { grid-area: SEVEN; }
.item8 { grid-area: EIGHT; }
.item9 { grid-area: NINE; }
.item10 { grid-area: TEN; }
.item11 { grid-area: ELEVEN; }
.item12 { grid-area: TWELVE; }
.item13 { grid-area: THIRTEEN; }
.item14 { grid-area: FOURTEEN; }
.item15 { grid-area: FIFTEEN; }
.item16 { grid-area: SIXTEEN; }
.item17 { grid-area: SEVENTEEN; }
.item18 { grid-area: EIGHTEEN; }
.item19 { grid-area: NINETEEN; }


	
	
	.containera {
	width:100vw;
		height:125vw;
	
	margin: 10.8vw auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(6 1fr);
	grid-template-areas: 
	"ONE       ONE         ONE  		ONE  		TWO  		TWO  		TWO  		THREE  		THREE  		FOUR  		FOUR  		FOUR"
	"FIVE      FIVE        FIVE  		FIVE  		FIVE  		SIX  		SIX  		SIX  		SIX  		FOUR  		FOUR  		FOUR"
	"SEVEN     SEVEN       SEVEN  		EIGHT  		EIGHT  		EIGHT  		EIGHT  		NINE  		NINE  		NINE  		NINE  		NINE"
	"TEN       TEN         TEN  		TEN  		ELEVEN  	ELEVEN  	ELEVEN  	ELEVEN  	TWELVE  	TWELVE  	TWELVE  	TWELVE"
	"THIRTEEN  THIRTEEN    THIRTEEN  	FOURTEEN  	FOURTEEN  	FOURTEEN  	FIFTEEN  	FIFTEEN  	FIFTEEN  	SIXTEEN  	SIXTEEN  	SIXTEEN"
	"THIRTEEN  THIRTEEN    THIRTEEN  	SEVENTEEN 	SEVENTEEN   EIGHTEEN  	EIGHTEEN  	EIGHTEEN  	NINETEEN  	NINETEEN    NINETEEN    NINETEEN"
		
		
		;
	background-color:#2a2a2a;
		overflow:hidden;
}
	
	
	
		/* below is really the copyright background---------*/
	#bigbluebottom {
	position:absolute;
	top:126vw;
	width:100vw;
	height:2vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:126.5vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:0.9vw;
		
}
	
	

.containera > div {
	display: grid;
	/*/ min-height: 7vw; /*I had to block this out to get rid of the space under copyright*/
	align-items: center;
  transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	background-color:#2a2a2a;
	border-bottom: 0.5vw solid #2a2a2a;
    border-right: 0.5vw solid #2a2a2a;
	border-top: 0vw solid #2a2a2a;
}
	
	
	
		
/*	.containera > div:hover {border-bottom:0.5vw solid coral;}*/
		.containera > div{
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
			
}
	
	.containera > div:hover{
  
  display: inline-block;
  padding: 15px 20px;
  position: relative;
		/*cursor: alias;*/
}

.containera > div::after { 
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.15vw;
  width: 0;
  background: #ccc;
  transition: width 0s ease 0s, left 0s ease 0s;
	opacity:0.7;cursor: alias;
}

.containera > div:hover::after { 
  width: 100%; 
  left: 0; cursor: alias;
	
}
	
	.containera > div::before { 
  content: "";
  position: absolute;
  bottom: 0;
  left: 50%;
  display: block;
  background: none repeat scroll 0 0 transparent;
  height: 0.15vw;
  width: 0;
  background: #ccc;
  transition: width 0s ease 0s, left 0s ease 0s;
		opacity:0.7;cursor: alias;
}

.containera > div:hover::before { 
  width: 100%; 
  left: 0; cursor: alias;
}
		
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	/*ACCIDENTAL IMG UNDERLINE ON HOVER*/
	
/*.containera > div {
  position: relative;
  color: #ffffff;
	background-color:#fff;
  transition: .5s;
  z-index: 3;
}

.containera > div:hover .icon {
  color: #fff;
	background-color:#fff;
  transform: rotateY(-360deg);
	opacity: 0.3;
}

.containera > div:hover:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: .5s;
  z-index: 2;
	opacity: 0.3;
}

.containera > div:before {
  top: 0;
}

.containera > div:before{
  background-color: #ffffff;
}
*/
	
	
	
	
	
	
	
	
/*.containera > div:before {
  top: 0;
}

.containera > div:before{
  background-color: #ffffff;
}
*/

	
/*	hover-underline::after,
.hover-underline::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 2px;
  background: linear-gradient(to right, #ff0000, #00ffff);
  bottom: -5px;
  left: 0;
  transform: scaleX(0);
  transform-origin: right;
  transition: transform 0.4s ease-out;
}

.hover-underline::before {
  top: -5px;
  transform-origin: left;
}

.hover-underline:hover::after,
.hover-underline:hover::before {
  transform: scaleX(1);
}*/

	
	
	
	
	
		/*fill opaque top to bottom slide on hover*/
	
	/*.containera > div {
  position: relative;
  color: #ffffff;
	background-color:#fff;
  transition: .5s;
  z-index: 3;
}

.containera > div:hover .icon {
  color: #fff;
	background-color:#fff;
  transform: rotateY(-360deg);
	opacity: 0.3;
}

.containera > div:before {
  content: "";
  position: absolute;
  top: 0%;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  transition: 1s;
  z-index: 2;
	opacity: 0;
}

.containera > div:hover:before {
  top: 100%;
	opacity: 0.2;
}

.containera > div:before{
  background-color: #ffffff;
}
*/
	
	
	
	
	
	
	
	
	
	
	
	
	
	

}






/*
============ ==============================================================================================================================================================MY MIDDLE VERSION======================================*/

@media screen and (min-width:82em) and (max-width:1600px) {

		#navigation {top:6vw;
		font-size:1.1vw;
}
	
	#navigation a {
		
		padding:1.7vw;
	}
	
	.fixheight3 {margin:auto;
	width:9.5vw;
	
}

	
	#scottdurrant {
	position:absolute;
	top:2.1vw;
	left:35.4vw;
	color:#fff;
	font-family: 'dm_sans9pt_regular';
	font-size:3vw;
	width:35vw;
}

#scottdurrant img {
	width:30vw;
	height:auto;
}
	
												/*================================================MIDDLEST MID MID MID====================================================*/
	
	/*ONE*/.item1 {background: url('a_img_thumb/Broncos-South-endzone-conceptual-presales-rendering.jpg') 3% 30% /cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/Anamorphic-Display-stair-step-conceptual-rendering-of-Mets-stadium-display.jpg') 50% 30%/cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/Barrington-HS-Baseball-Option2.jpg') 45% 100% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/Spurs-Parking-Option-Two-San-Antonio-Spurs-Conceptual-Parking-display.jpg') 50% 0% /cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/Times-Square-Trapezoid-copy-samsung-conceptual.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/Dodgers-Sign-Video-Loss.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item7 {background: url('a_img_thumb/USA-Hockey_Mar2023.jpg') 0% 30%/cover no-repeat #000000;background-size:cover;}
/*EIGHT*/.item8 {background: url('a_img_thumb/greenbay-fascia-scoring.jpg') 50% 80%/cover no-repeat #000000;background-size:cover;}
/*NINE*/.item9 {background: url('a_img_thumb/Saints_DraftRoomV2_Photos-1.jpg') center /cover no-repeat #000000;background-size:cover;}
/*TEN*/.item10 {background: url('a_img_thumb/mets-displays.jpg') 0% 30%/cover no-repeat #000000;}
/*ELEVEN*/.item11 {background: url('a_img_thumb/lambeau-field.jpg') 0% 30%/cover no-repeat #000000;}
/*TWELVE*/.item12 {background: url('a_img_thumb/Mets-Chandelier_Jan2022-concept-proposal.jpg') 50% 40%/cover no-repeat #000000;}
/*THIRTEEN*/.item13 {background: url('a_img_thumb/emailer-piece-image.jpg') 50% 18%/cover no-repeat #000000;}
/*FOURTEEN*/.item14 {background: url('a_img_thumb/72-point-stock-ticker-image.jpg') 100% 50%/cover no-repeat #000000;}
/*FIFTEEN*/.item15 {background: url('a_img_thumb/Mets-interactive-side-one-copy-concept-proposal.jpg') 50% 50%/cover no-repeat #000000;}
/*SIXTEEN*/.item16 {background: url('a_img_thumb/WKUSoftballDisplay_Jan2023.jpg') top center/cover no-repeat #000000;}
/*SEVENTEEN*/.item17 {background: url('a_img_thumb/Interview-Room-Mets-conceptual-display.jpg') 60% 30%/cover no-repeat #000000;}
/*EIGHTEEN*/.item18 {background: url('a_img_thumb/Proviso-East-Rendering-V9.jpg') 58% 40%/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/MetlifeStadium-MainGate.jpg') 50% 30%/cover no-repeat #000000;}
	
.containera {
	width:100vw;
	height:155vw;
	margin: 0px auto;
	margin-top:18vw;
	
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(11, 1fr);
	grid-template-areas: 
		"ONE       ONE       ONE       ONE       ONE       ONE        ONE        ONE"
		"TWO       TWO       TWO       TWO       TWO       THREE      THREE      THREE"
		"SEVEN     SEVEN     SEVEN     SEVEN     FIVE      FIVE       FIVE       FIVE"
		"SEVEN     SEVEN     SEVEN     SEVEN     SIX       SIX        SIX        SIX"
		"FOUR      FOUR      EIGHT     EIGHT     EIGHT     EIGHT      EIGHT      EIGHT"
		"NINE      NINE      NINE      NINE      TEN       TEN        TEN        TEN"
		"ELEVEN    ELEVEN    ELEVEN    TWELVE    TWELVE    TWELVE     TWELVE     TWELVE"
		"THIRTEEN  THIRTEEN  FOURTEEN  FOURTEEN  FIFTEEN   FIFTEEN    FIFTEEN    FIFTEEN"
		"SIXTEEN   SIXTEEN   SIXTEEN   SEVENTEEN SEVENTEEN EIGHTEEN  EIGHTEEN   EIGHTEEN"
		"NINETEEN  NINETEEN  NINETEEN  NINETEEN  NINETEEN  NINETEEN   NINETEEN   NINETEEN"
		"TWENTY    TWENTY    TWENTY    TWENTY    TWENTY    TWENTY     TWENTY     TWENTY";
		
		background-color:#2a2a2a;
	}
	
	
	
		/* below is really the copyright background---------*/
	#bigbluebottom {
	position:absolute;
	top:215.5vw;
	width:100vw;
	height:3vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	 
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:216.5vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:1.3vw;
		
}
	
	
	
	

.containera > div {
	display: grid;
	 min-height: 28vw; /*I had to block this out to get rid of the space under copyright*/
	align-items: center;
  transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	background-color:#2a2a2a;
	
	border-bottom: 0.5vw solid #2a2a2a;
    border-right: 0.5vw solid #2a2a2a;
	border-top: 0vw solid #2a2a2a; 
	
}
	
	
	
	
	
	
	
	
	
	
	

	@keyframes in-out {
  0% {
   opacity:0;
  }
	25% {
			
			opacity:1;
		}	
		
		50% {
			
			opacity:0.25;
		}	
		
		100% {
			
			opacity:0;
		}
  
}
		
	
	
	
	
	
	
	
		.containera > div::after { 
  height: 0.25vw;
}
	
.containera > div::before { 
 height: 0.25vw;
} 

	
	
	
	
	
	
	
	
	

	#bigbluebottom {
	position:absolute;
	top:327vw;
	width:100vw;
	height:4vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
		display:block;
}
	
	
	#hidecopyright {
		display:block;
	}
	#copyright {display:block;
	position:absolute;
	width:100vw;
	top:328vw;
	text-align:center;
	z-index:998;
	color:#fff;
	font-size:1.5vw;
		display:block;
}
	
	
}/*/ -----close middle @media0-----------------*/
















/*
============ ==============================================================================================================================================================MY MIDDLE VERSION======================================*/

@media screen and (min-width:60vw) and (max-width:82em) {

		#navigation {top:6vw;
		font-size:1.1vw;
}
	
	#navigation a {
		
		padding:1.7vw;
	}
	
	.fixheight3 {margin:auto;
	width:9.5vw;
	
}

	
	#scottdurrant {
	position:absolute;
	top:2.1vw;
	left:35.4vw;
	color:#fff;
	font-family: 'dm_sans9pt_regular';
	font-size:3vw;
	width:35vw;
}

#scottdurrant img {
	width:30vw;
	height:auto;
}
	
												/*================================================MIDDLEST MID MID MID====================================================*/
	
	/*ONE*/.item1 {background: url('a_img_thumb/Broncos-South-endzone-conceptual-presales-rendering.jpg') 3% 30% /cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/Anamorphic-Display-stair-step-conceptual-rendering-of-Mets-stadium-display.jpg') 50% 30%/cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/Barrington-HS-Baseball-Option2.jpg') 45% 100% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/Spurs-Parking-Option-Two-San-Antonio-Spurs-Conceptual-Parking-display.jpg') 50% 0% /cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/Times-Square-Trapezoid-copy-samsung-conceptual.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/Dodgers-Sign-Video-Loss.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item7 {background: url('a_img_thumb/USA-Hockey_Mar2023.jpg') 0% 30%/cover no-repeat #000000;background-size:cover;}
/*EIGHT*/.item8 {background: url('a_img_thumb/greenbay-fascia-scoring.jpg') 50% 80%/cover no-repeat #000000;background-size:cover;}
/*NINE*/.item9 {background: url('a_img_thumb/Saints_DraftRoomV2_Photos-1.jpg') center /cover no-repeat #000000;background-size:cover;}
/*TEN*/.item10 {background: url('a_img_thumb/mets-displays.jpg') 0% 30%/cover no-repeat #000000;}
/*ELEVEN*/.item11 {background: url('a_img_thumb/lambeau-field.jpg') 0% 30%/cover no-repeat #000000;}
/*TWELVE*/.item12 {background: url('a_img_thumb/Mets-Chandelier_Jan2022-concept-proposal.jpg') 50% 40%/cover no-repeat #000000;}
/*THIRTEEN*/.item13 {background: url('a_img_thumb/emailer-piece-image.jpg') 50% 18%/cover no-repeat #000000;}
/*FOURTEEN*/.item14 {background: url('a_img_thumb/72-point-stock-ticker-image.jpg') 100% 50%/cover no-repeat #000000;}
/*FIFTEEN*/.item15 {background: url('a_img_thumb/Mets-interactive-side-one-copy-concept-proposal.jpg') 50% 50%/cover no-repeat #000000;}
/*SIXTEEN*/.item16 {background: url('a_img_thumb/WKUSoftballDisplay_Jan2023.jpg') top center/cover no-repeat #000000;}
/*SEVENTEEN*/.item17 {background: url('a_img_thumb/Interview-Room-Mets-conceptual-display.jpg') 60% 30%/cover no-repeat #000000;}
/*EIGHTEEN*/.item18 {background: url('a_img_thumb/Proviso-East-Rendering-V9.jpg') 58% 40%/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/MetlifeStadium-MainGate.jpg') 50% 30%/cover no-repeat #000000;}
	
.containera {
	width:100vw;
	height:155vw;
	margin: 0px auto;
	margin-top:18vw;
	
	display: grid;
	grid-template-columns: repeat(8, 1fr);
	grid-template-rows: repeat(11, 1fr);
	grid-template-areas: 
		"ONE       ONE       ONE       ONE       ONE       ONE        ONE        ONE"
		"TWO       TWO       TWO       TWO       TWO       THREE      THREE      THREE"
		"SEVEN     SEVEN     SEVEN     SEVEN     FIVE      FIVE       FIVE       FIVE"
		"SEVEN     SEVEN     SEVEN     SEVEN     SIX       SIX        SIX        SIX"
		"FOUR      FOUR      EIGHT     EIGHT     EIGHT     EIGHT      EIGHT      EIGHT"
		"NINE      NINE      NINE      NINE      TEN       TEN        TEN        TEN"
		"ELEVEN    ELEVEN    ELEVEN    TWELVE    TWELVE    TWELVE     TWELVE     TWELVE"
		"THIRTEEN  THIRTEEN  FOURTEEN  FOURTEEN  FIFTEEN   FIFTEEN    FIFTEEN    FIFTEEN"
		"SIXTEEN   SIXTEEN   SIXTEEN   SEVENTEEN SEVENTEEN EIGHTEEN  EIGHTEEN   EIGHTEEN"
		"NINETEEN  NINETEEN  NINETEEN  NINETEEN  NINETEEN  NINETEEN   NINETEEN   NINETEEN"
		"TWENTY    TWENTY    TWENTY    TWENTY    TWENTY    TWENTY     TWENTY     TWENTY";
		
		background-color:#2a2a2a;
	}
	
	
	
	
	
	
	

.containera > div {
	display: grid;
	 min-height: 28vw; /*I had to block this out to get rid of the space under copyright*/
	align-items: center;
  transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	background-color:#2a2a2a;
	
	border-bottom: 0.5vw solid #2a2a2a;
    border-right: 0.5vw solid #2a2a2a;
	border-top: 0vw solid #2a2a2a; 
	
}
	
	
	
	
	
	
	
	
	
	
	

	@keyframes in-out {
  0% {
   opacity:0;
  }
	25% {
			
			opacity:1;
		}	
		
		50% {
			
			opacity:0.25;
		}	
		
		100% {
			
			opacity:0;
		}
  
}
		
	
	
	
	
	
	
	
		.containera > div::after { 
  height: 0.25vw;
}
	
.containera > div::before { 
 height: 0.25vw;
} 

	
	
	
	
	
	
	
	
	

	#bigbluebottom {
	position:absolute;
	top:334vw;
	width:100vw;
	height:4vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
		display:block;
}
	
	
	#hidecopyright {
		display:block;
	}
	#copyright {display:block;
	position:absolute;
	width:100vw;
	top:334.7vw;
	text-align:center;
	z-index:998;
	color:#fff;
	font-size:1.5vw;
		display:block;
}
	
	
}/*/ -----close middle @media0-----------------*/











/* ============ ======================================================================================================================================SMALLESTT========================MY MOBILE VERSION======================================*\
   MY MOBILE VERSION
\* ============ */
@media screen and (max-width: 60em) {

	#mobilenav {
		display:block;
		z-index:999;
		
	}
	
	
	
	.myslides img {
		display:block;
		text-align:center;
		margin:0;
		padding:0;
		
	}
	
	.fixheight, .fixheight2 { display:block;
	text-align:center;
		margin:0;
		padding-left:0vw;
		width:60vw;
	
	}
	
		
	
	
	.fixheight3 { 
		margin:auto;
		width:16vw;
	
	}
	
	
	
	
	
	
	
	
	
/*	.slideshow-containera {
		display:hidden;
	}*/
	
	
	/*hidecopyright {display:none;}*/
	
	#scottdurrant { position:absolute; top:3.vw; left:5.5vw; color:#fff; font-family: 'dm_sans9pt_regular'; font-size:4vw; } 

#navbar { Display: none; }  

#navigation { Display: none; } 
	
	
	
	

#content { 
position:relative;
top: 12vw;
	font-family: 'dm_sans9pt_regular';
	background-color:#2a2a2a;
	
}
	/*
	body {position:absolute; height:110vw;}
	html {position:absolute; height:110vw;}
*/


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, font, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background-color:#2a2a2a;
	overflow-x:hidden;
	margin:0px; padding:0px;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/* Make HTML 5 elements display block-level for consistent styling */
main, article, section, aside, hgroup, nav, header, footer, figure, figcaption {
  display: block;
}

/* ============ *\
   GENERAL TAGS
\* ============ */

* {
	box-sizing: border-box;
}


p {
	padding: 10px 0;
}

h1,
h2,
h3 {
	font-family: 'Open Sans Condensed', sans-serif;	
}

h1,
h2 {
	font-size: 60px;
	line-height: 60px;
	letter-spacing: 0.5px;
	text-transform: uppercase;
	font-weight: bold;
}

h3 {
	font-size:30px;
	line-height: 30px;
	padding-top: 5px;
	text-transform: uppercase;
	left: 0.75px;
}

::selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

::-moz-selection {
	background-color:#2a2a2a;
	color: #ffffff;
}

sub, sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

/* ============ *\
   STRUCTURE FOR WIDEST ONE
\* ============ */
	
	/*ONE*/.item1 {background: url('a_img_thumb/Broncos-South-endzone-conceptual-presales-rendering.jpg') 0% 25% /cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/Anamorphic-Display-stair-step-conceptual-rendering-of-Mets-stadium-display.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/Barrington-HS-Baseball-Option2.jpg') 45% 0% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/Spurs-Parking-Option-Two-San-Antonio-Spurs-Conceptual-Parking-display.jpg') 50% 40% /cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/Times-Square-Trapezoid-copy-samsung-conceptual.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/Dodgers-Sign-Video-Loss.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item7 {background: url('a_img_thumb/USA-Hockey_Mar2023.jpg') 40% 30% /cover no-repeat #000000;background-size:cover;}
/*EIGHT*/.item8 {background: url('a_img_thumb/greenbay-fascia-scoring.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*NINE*/.item9 {background: url('a_img_thumb/Saints_DraftRoomV2_Photos-1.jpg') center /cover no-repeat #000000;background-size:cover;}
/*TEN*/.item10 {background: url('a_img_thumb/mets-displays.jpg') 40% 100%/cover no-repeat #000000;}
/*ELEVEN*/.item11 {background: url('a_img_thumb/lambeau-field.jpg') 30% 100%/cover no-repeat #000000;}
/*TWELVE*/.item12 {background: url('a_img_thumb/Mets-Chandelier_Jan2022-concept-proposal.jpg') top center/cover no-repeat #000000;}
/*THIRTEEN*/.item13 {background: url('a_img_thumb/emailer-piece-image.jpg') 50% 23%/cover no-repeat #000000;}
/*FOURTEEN*/.item14 {background: url('a_img_thumb/72-point-stock-ticker-image.jpg') 100% 30%/cover no-repeat #000000;}
/*FIFTEEN*/.item15 {background: url('a_img_thumb/Mets-interactive-side-one-copy-concept-proposal.jpg') top center/cover no-repeat #000000;}
/*SIXTEEN*/.item16 {background: url('a_img_thumb/WKUSoftballDisplay_Jan2023.jpg') top center/cover no-repeat #000000;}
/*SEVENTEEN*/.item17 {background: url('a_img_thumb/Interview-Room-Mets-conceptual-display.jpg')  60% 50%/cover no-repeat #000000;}
/*EIGHTEEN*/.item18 {background: url('a_img_thumb/Proviso-East-Rendering-V9.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/MetlifeStadium-MainGate.jpg') top center/cover no-repeat #000000;}

.item1 { grid-area: ONE; }
.item2 { grid-area: TWO; }
.item3 { grid-area: THREE; }
.item4 { grid-area: FOUR; }
.item5 { grid-area: FIVE; }
.item6 { grid-area: SIX; }
.item7 { grid-area: SEVEN; }
.item8 { grid-area: EIGHT; }
.item9 { grid-area: NINE; }
.item10 { grid-area: TEN; }
.item11 { grid-area: ELEVEN; }
.item12 { grid-area: TWELVE; }
.item13 { grid-area: THIRTEEN; }
.item14 { grid-area: FOURTEEN; }
.item15 { grid-area: FIFTEEN; }
.item16 { grid-area: SIXTEEN; }
.item17 { grid-area: SEVENTEEN; }
.item18 { grid-area: EIGHTEEN; }
.item19 { grid-area: NINETEEN; }


.containera {
	width:100vw;
	height:155vw;
	margin: 0px auto;
	margin-top:18vw;
	display: grid;
	grid-template-columns: repeat(1, 1fr);
	grid-template-rows: repeat(19, 1fr);
	grid-template-areas: 
		"ONE"
		"TWO"
		"THREE"
		"SEVEN"
		"FOUR"
		"EIGHT"
		"FIVE"
		"SIX"
		"NINE"
		"TEN"
		"ELEVEN"
		"TWELVE"
		"THIRTEEN"
		"FOURTEEN"
		"FIFTEEN"
		"SIXTEEN"
		"SEVENTEEN"
		"EIGHTEEN"
		"NINETEEN";
		background-color:#2a2a2a;
	}


	
	
		/* below is really the copyright background---------*/
	#bigbluebottom {
	position:absolute;
	top:1160vw;
	width:100vw;
	height:4vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
		display:block;
}
	
	
	#hidecopyright {
		display:block;
	}
	#copyright {display:block;
	position:absolute;
	width:100vw;
	top:1161vw;
	text-align:center;
	z-index:998;
	color:#fff;
	font-size:1.5vw;
		display:block;
}
	
	

.containera > div {
	display: grid;
	min-height: 60vw;  /*I had to block this out to get rid of the space under copyright*/
	align-items: center;
  transition: all .3s ease-in-out;
	-webkit-transition: all .3s ease-in-out;
	-ms-transition: all .3s ease-in-out;
	background-color:#2a2a2a;
	border-bottom: 0.5vw solid #2a2a2a;
    border-right: 0.5vw solid #2a2a2a;
	border-top: 0vw solid #2a2a2a;
	margin-bottom:0.6vw;
	
}
	
	
		.containera > div::after { 
  height: 0.35vw;
}
	
.containera > div::before { 
 height: 0.35vw;
} 

	

	html, body {
		/*max-height:-100vw;
	padding-bottom:-50vw;*/
	}
	
}