@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;}


.theheight {
	width:60vw;
	margin:auto;
}

.theheight2 {
	width:60vw; margin:auto;
}


@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)
		);
  }
}

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




.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;
		
		
	}




.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;
	}


.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;
}

.fixheight {width:30vw; margin:auto;
}
.fixheights, .fixheights2 {width:16vw; margin:auto;
}

/*
.mySlides { width:100vw;display:block;
	text-align:center;}*/

.theheights{
	
	margin:auto;
}




.fixheight2 video {margin-left:20.5vw;
	width:32%;
	display:block;
	text-align:center;
}

.fixheight3 video {margin-left:9vw;
	width:70%;
	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:2.1vw;
	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{  
  /* 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;
  }
}



#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;
}



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

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








.item1 { grid-area: a1; }
.item2 { grid-area: a2; }
.item3 { grid-area: a3; }
.item4 { grid-area: a4; }
.item5 { grid-area: a5; }
.item6 { grid-area: a6; }
.item7 { grid-area: a7; }
.item8 { grid-area: a8; }
.item9 { grid-area: a9; }
.item10 { grid-area: a10; }
.item11 { grid-area: a11; }
.item12 { grid-area: a12; }
.item13 { grid-area: a13; }
.item14 { grid-area: a14; }
.item15 { grid-area: a15; }
.item16 { grid-area: a16; }
.item17 { grid-area: a17; }
.item18 { grid-area: a18; }
.item19 { grid-area: a19; }
.item20 { grid-area: a20; }
.item21 {grid-area: a21;}

	


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

#scottdurrant {
	position:absolute;
	top:2.1vw;
	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---------------------------------------















/*-----------------------------------------------------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: a1; }
.item2 { grid-area: a2; }
.item3 { grid-area: a3; }
.item4 { grid-area: a4; }
.item5 { grid-area: a5; }
.item6 { grid-area: a6; }
.item7 { grid-area: a7; }
.item8 { grid-area: a8; }
.item9 { grid-area: a9; }
.item10 { grid-area: a10; }
.item11 { grid-area: a11; }
.item12 { grid-area: a12; }
.item13 { grid-area: a13; }
.item14 { grid-area: a14; }
.item15 { grid-area: a15; }
.item16 { grid-area: a16; }
.item17 { grid-area: a17; }
.item18 { grid-area: a18; }
.item19 { grid-area: a19; }
.item20 { grid-area: a20; }
.item21 {grid-area: a21;}



.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: 8vw;
	
	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: a1; }
.item2 { grid-area: a2; }
.item3 { grid-area: a3; }
.item4 { grid-area: a4; }
.item5 { grid-area: a5; }
.item6 { grid-area: a6; }
.item7 { grid-area: a7; }
.item8 { grid-area: a8; }
.item9 { grid-area: a9; }
.item10 { grid-area: a10; }
.item11 { grid-area: a11; }
.item12 { grid-area: a12; }
.item13 { grid-area: a13; }
.item14 { grid-area: a14; }
.item15 { grid-area: a15; }
.item16 { grid-area: a16; }
.item17 { grid-area: a17; }
.item18 { grid-area: a18; }
.item19 { grid-area: a19; }
.item20 { grid-area: a20; }
.item21 {grid-area: a21;}

	
	

	
/*ONE*/.item1 {background: url('a_img_thumb/tg67.jpg') 0% 0%/cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/ta2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/tg40.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/ta5.jpg')  50% 100%/cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/ta18.jpg') 40% 50% /cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/tS90PC_2200x2200-Samsung-Blue-Opt2.jpg') 10% 50%/cover no-repeat #000000;background-size:cover;}
	/*.item6 {background: url('a_img_thumb/tsamsungs2.jpg') 5% 50%/cover no-repeat #000000;background-size:contain;}*/
/*SEVEN*/.item7 {background: url('a_img_thumb/ta20.jpg') 50% 51% /cover no-repeat #000000;background-size:cover;}
/*TWELVE*/.item8 {background: url('a_img_thumb/ta4.jpg') top center/cover no-repeat #000000;}
/*TEN*/.item9 {background: url('a_img_thumb/ta12.jpg') top center/cover no-repeat #000000;}
/*ELEVEN*/.item10 {background: url('a_img_thumb/tSamsungNascarPartnershipCelebration.jpg') top center/cover no-repeat #000000;}
/*EIGHT*/.item11 {background: url('a_img_thumb/ta3.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*FOURTEEN*/.item12 {background: url('a_img_thumb/trotunda.jpg') 11% 51%/cover no-repeat #000000;} 
/*THIRTEEN*/.item13 {background: url('a_img_thumb/tSamsung-G9_AmazonV2_3000x1500.jpg') top center/cover no-repeat #000000;}
/*NINE*/.item14 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') left/cover no-repeat #000000;background-size:cover;}
/*EIGHTEEN*/.item15 {background: url('a_img_thumb/ta24.jpg') top center/cover no-repeat #000000;}
/*SEVENTEEN*/.item16 {background: url('a_img_thumb/ta22.jpg') top center/cover no-repeat #000000;}
/*SIXTEEN*/.item17 {background: url('a_img_thumb/tCrunch_12215.jpg') 50% 20%/cover no-repeat #000000;}
/*TWENTY*/.item18 {background: url('a_img_thumb/tUSA Hockey_Mar2023.jpg') 10% 51%/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/tsugar-wisk-cartoon-food.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item20 {background: url('a_img_thumb/ttots.jpg') top center/cover no-repeat #000000;}
/*TWENTYTWO*/.item21 {background: url('a_img_thumb/tmood-boards-round-three-theater.jpg') top center/cover no-repeat #000000;}

/* the below container is for the biggest s--------------------------------------------------BIGGGGGGEST-----------------------*/
	
	.containera {
	width:100vw;
		height:118vw;
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(16, 1fr);
	grid-template-rows: repeat(6, 1fr);
		position:absolute;
		top:8vw;
	grid-template-areas: 
	"a1   a1     a1 	a2 		a2     a2		a2 		a3		a3 		a3 		a3 		a3 		a3		a4		a4 		a4"
	"a1   a1     a1 	a5 		a5     a5		a5 		a5 		a6		a6 		a6 		a6 		a7		a7 		a7 		a7"
	"a8   a8     a8 	a8 		a9     a9		a9  	a10 	a10 	a10		a11 	a11 	a11		a12 	a12 	a12"
	"a8   a8     a8 	a8 		a9     a9		a9 		a10 	a10 	a10 	a13 	a13 	a13 	a13 	a13 	a13"
	"a14  a14    a14 	a14		a14    a15		a15 	a15 	a16 	a16		a16 	a16		a16 	a17 	a17 	a17"
	"a18  a18    a18 	a19		a19    a19		a20 	a20 	a20		a20 	a21 	a21 	a21		a21 	a21 	a21"



		
		
		;
	background-color:#2a2a2a;
}
	
	
	
		/* below is really the copyright background---------*/
	#bigbluebottom {
	position:absolute;
	top:131vw;
	width:100vw;
	height:2vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:131.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;
}
		
		
	
	
	
	
	
	
	
	
	


}






























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

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

		#navigation {top:6vw;
		font-size:1.1vw;
}
	
	#navigation a {
		
		padding:1.7vw;
	}
	
	

	
	#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/tg67.jpg') 0% 0%/cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/ta2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/tg40.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/ta5.jpg')  50% 100%/cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/ta18.jpg') 38% 50% /cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/tsamsungs2.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item7 {background: url('a_img_thumb/ta20.jpg') 50% 51% /cover no-repeat #000000;background-size:cover;}
/*TWELVE*/.item8 {background: url('a_img_thumb/ta4.jpg') top center/cover no-repeat #000000;}
/*TEN*/.item9 {background: url('a_img_thumb/ta12.jpg') top center/cover no-repeat #000000;}
/*ELEVEN*/.item10 {background: url('a_img_thumb/tSamsungNascarPartnershipCelebration.jpg') top center/cover no-repeat #000000;}
/*EIGHT*/.item11 {background: url('a_img_thumb/ta3.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*FOURTEEN*/.item12 {background: url('a_img_thumb/trotunda.jpg') top center/cover no-repeat #000000;} 
/*THIRTEEN*/.item13 {background: url('a_img_thumb/tsamsun.jpg') top center/cover no-repeat #000000;}
/*NINE*/.item14 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') left/cover no-repeat #000000;background-size:cover;}
/*EIGHTEEN*/.item15 {background: url('a_img_thumb/ta24.jpg') top center/cover no-repeat #000000;}
/*SEVENTEEN*/.item16 {background: url('a_img_thumb/ta22.jpg') top center/cover no-repeat #000000;}
/*SIXTEEN*/.item17 {background: url('a_img_thumb/tCrunch_12215.jpg') 50% 20%/cover no-repeat #000000;}
/*TWENTY*/.item18 {background: url('a_img_thumb/tUSA Hockey_Mar2023.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/tsugar-wisk-cartoon-food.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item20 {background: url('a_img_thumb/ttots.jpg') top center/cover no-repeat #000000;}
/*TWENTYTWO*/.item21 {background: url('a_img_thumb/tmood-boards-round-three-theater.jpg') top center/cover no-repeat #000000;}
	
	
		.containera {
	width:100vw;
		
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(8, 1fr);
		position:absolute;
		top:15vw;
	grid-template-areas: 
	"a1   a1     a1 	a2 		a2     a2 		a2 		a3 		a3		a3 		a3		a3"
	"a1   a1     a1 	a4 		a4     a4		a4 		a4		a5 		a5 		a5      a5"
	"a6   a6     a6 	a6 		a6     a6		a7 		a7 		a7		a7 		a8 		a8"
	"a9   a9     a9	    a10 	a10    a11		a11  	a11		a12  	a12  	a12  	a12"
	"a9   a9     a9	    a13		a13    a13		a14 	a14 	a14		a14 	a14 	a14"
	"a15  a15    a15 	a15 	a16	   a16  	a16 	a16 	a17		a17 	a17 	a17"
	"a18  a18    a18	a18		a18    a18		a19 	a19 	a19     a19		a19 	a19"
	"a20  a20    a20 	a21		a21	   a21 	    a19 	a19 	a19     a19		a19 	a19"	
	

	

		
		;
	background-color:#2a2a2a;
}
	
	
	
	


	
	
	
		/* below is really the copyright background---------*/
	#bigbluebottom {
	position:absolute;
	top:237vw;
	width:100vw;
	height:3vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:237.8vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:1.3vw;
		
}
	
	
	
	

.containera > div {
	display: grid;
	 min-height: 24vw; /*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;
	margin-right:0.6vw;
	
}

.containera > div::after { 
  height: 0.25vw;
}
	
.containera > div::before { 
 height: 0.25vw;
} 

	
	
	
	
	

	@keyframes in-out {
  0% {
   opacity:0;
  }
	25% {
			
			opacity:1;
		}	
		
		50% {
			
			opacity:0.25;
		}	
		
		100% {
			
			opacity:0;
		}
  
}
		
	
	
	
	
	
	
	
	
	
}/*/ -----close middle @media0-----------------*/











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

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

		#navigation {top:6vw;
		font-size:1.1vw;
}
	
	#navigation a {
		
		padding:1.7vw;
	}
	
	

	
	#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/tg67.jpg') 0% 0%/cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/ta2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/tg40.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/ta5.jpg')  50% 100%/cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/ta18.jpg') 38% 50% /cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/tsamsungs2.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item7 {background: url('a_img_thumb/ta20.jpg') 50% 51% /cover no-repeat #000000;background-size:cover;}
/*TWELVE*/.item8 {background: url('a_img_thumb/ta4.jpg') top center/cover no-repeat #000000;}
/*TEN*/.item9 {background: url('a_img_thumb/ta12.jpg') top center/cover no-repeat #000000;}
/*ELEVEN*/.item10 {background: url('a_img_thumb/tSamsungNascarPartnershipCelebration.jpg') top center/cover no-repeat #000000;}
/*EIGHT*/.item11 {background: url('a_img_thumb/ta3.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*FOURTEEN*/.item12 {background: url('a_img_thumb/trotunda.jpg') top center/cover no-repeat #000000;} 
/*THIRTEEN*/.item13 {background: url('a_img_thumb/tsamsun.jpg') top center/cover no-repeat #000000;}
/*NINE*/.item14 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') left/cover no-repeat #000000;background-size:cover;}
/*EIGHTEEN*/.item15 {background: url('a_img_thumb/ta24.jpg') top center/cover no-repeat #000000;}
/*SEVENTEEN*/.item16 {background: url('a_img_thumb/ta22.jpg') top center/cover no-repeat #000000;}
/*SIXTEEN*/.item17 {background: url('a_img_thumb/tCrunch_12215.jpg') 50% 20%/cover no-repeat #000000;}
/*TWENTY*/.item18 {background: url('a_img_thumb/tUSA Hockey_Mar2023.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/tsugar-wisk-cartoon-food.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item20 {background: url('a_img_thumb/ttots.jpg') top center/cover no-repeat #000000;}
/*TWENTYTWO*/.item21 {background: url('a_img_thumb/tmood-boards-round-three-theater.jpg') top center/cover no-repeat #000000;}
	
	
		.containera {
	width:100vw;
		
	margin: 50px auto;
	display: grid;
	grid-template-columns: repeat(12, 1fr);
	grid-template-rows: repeat(8, 1fr);
		position:absolute;
		top:15vw;
	grid-template-areas: 
	"a1   a1     a1 	a2 		a2     a2 		a2 		a3 		a3		a3 		a3		a3"
	"a1   a1     a1 	a4 		a4     a4		a4 		a4		a5 		a5 		a5      a5"
	"a6   a6     a6 	a6 		a6     a6		a7 		a7 		a7		a7 		a8 		a8"
	"a9   a9     a9	    a10 	a10    a11		a11  	a11		a12  	a12  	a12  	a12"
	"a9   a9     a9	    a13		a13    a13		a14 	a14 	a14		a14 	a14 	a14"
	"a15  a15    a15 	a15 	a16	   a16  	a16 	a16 	a17		a17 	a17 	a17"
	"a18  a18    a18	a18		a18    a18		a19 	a19 	a19     a19		a19 	a19"
	"a20  a20    a20 	a21		a21	   a21 	    a19 	a19 	a19     a19		a19 	a19"	
	

	

		
		;
	background-color:#2a2a2a;
}
	
	
	
	


	
	
	
		/* below is really the copyright background---------*/
	#bigbluebottom {
	position:absolute;
	top:245.5vw;
	width:100vw;
	height:3vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:246.3vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:1.3vw;
		
}
	
	
	
	

.containera > div {
	display: grid;
	 min-height: 24vw; /*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;
	margin-right:0.6vw;
	
}

.containera > div::after { 
  height: 0.25vw;
}
	
.containera > div::before { 
 height: 0.25vw;
} 

	
	
	
	
	

	@keyframes in-out {
  0% {
   opacity:0;
  }
	25% {
			
			opacity:1;
		}	
		
		50% {
			
			opacity:0.25;
		}	
		
		100% {
			
			opacity:0;
		}
  
}
		
	
	
	
	
	
	
	
	
	
}/*/ -----close middle @media0-----------------*/
















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

	#mobilenav {
		display:block;
		z-index:999;
		
	}
	
	
	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: 8vw;
	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;
}

html, body {

}

body {
}

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: a1; }
.item2 { grid-area: a2; }
.item3 { grid-area: a3; }
.item4 { grid-area: a4; }
.item5 { grid-area: a5; }
.item6 { grid-area: a6; }
.item7 { grid-area: a7; }
.item8 { grid-area: a8; }
.item9 { grid-area: a9; }
.item10 { grid-area: a10; }
.item11 { grid-area: a11; }
.item12 { grid-area: a12; }
.item13 { grid-area: a13; }
.item14 { grid-area: a14; }
.item15 { grid-area: a15; }
.item16 { grid-area: a16; }
.item17 { grid-area: a17; }
.item18 { grid-area: a18; }
.item19 { grid-area: a19; }
.item20 { grid-area: a20; }
.item21 {grid-area: a21;}

	

/*ONE*/.item1 {background: url('a_img_thumb/tMural_Scaled.jpg') 0% 68%/cover no-repeat #000000;background-size:cover;}
/*TWO*/.item2 {background: url('a_img_thumb/ta2.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*THREE*/.item3 {background: url('a_img_thumb/tg40.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*FOUR*/.item4 {background: url('a_img_thumb/ta5.jpg')  50% 100%/cover no-repeat #000000;background-size:cover;}
/*FIVE*/.item5 {background: url('a_img_thumb/ta18.jpg') 50% 50% /cover no-repeat #000000;background-size:cover;}
/*SIX*/.item6 {background: url('a_img_thumb/tsamsungs2.jpg') 3% 51%/cover no-repeat #000000;background-size:cover;}
/*SEVEN*/.item7 {background: url('a_img_thumb/ta20.jpg') 30% 51% /cover no-repeat #000000;background-size:cover;}
/*TWELVE*/.item8 {background: url('a_img_thumb/ta4.jpg') top center/cover no-repeat #000000;}
/*TEN*/.item9 {background: url('a_img_thumb/ta12.jpg') top center/cover no-repeat #000000;}
/*ELEVEN*/.item10 {background: url('a_img_thumb/tSamsungNascarPartnershipCelebration.jpg') 50% 23%/cover no-repeat #000000;}
/*EIGHT*/.item11 {background: url('a_img_thumb/ta3.jpg') top center/cover no-repeat #000000;background-size:cover;}
/*FOURTEEN*/.item12 {background: url('a_img_thumb/trotunda.jpg') top center/cover no-repeat #000000;} 
/*THIRTEEN*/.item13 {background: url('a_img_thumb/tsamsun.jpg') top center/cover no-repeat #000000;}
/*NINE*/.item14 {background: url('a_img_thumb/tGameday-Matchup-UNC-Charlotte.jpg') left/cover no-repeat #000000;background-size:cover;}
/*EIGHTEEN*/.item15 {background: url('a_img_thumb/ta24.jpg') top center/cover no-repeat #000000;}
/*SEVENTEEN*/.item16 {background: url('a_img_thumb/ta22.jpg') top center/cover no-repeat #000000;}
/*SIXTEEN*/.item17 {background: url('a_img_thumb/tCrunch_12215.jpg') 50% 20%/cover no-repeat #000000;}
/*TWENTY*/.item18 {background: url('a_img_thumb/tUSA Hockey_Mar2023.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item19 {background: url('a_img_thumb/tsugar-wisk-cartoon-food.jpg') top center/cover no-repeat #000000;}
/*NINETEEN*/.item20 {background: url('a_img_thumb/ttots.jpg') top center/cover no-repeat #000000;}
/*TWENTYTWO*/.item21 {background: url('a_img_thumb/tmood-boards-round-three-theater.jpg') top center/cover no-repeat #000000;}


	.containera {
	width:100vw;
	margin: 50px auto; 
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	grid-template-rows: repeat(20, 1fr);
		position:absolute;
		top:8vw;
	grid-template-areas: 
	"a1 a1"
	"a2 a2"
	"a3 a3"
	"a4 a4"
	"a5 a5"
	"a6 a6"
	"a7 a7"
	"a8 a8"
	"a9 a9"
	"a10 a10"
	"a11 a11"
	"a12 a12"
	"a13 a13"
	"a14 a14"
	"a15 a15"
	"a16 a16"
	"a17 a17"
	"a18 a18"
	"a19 a19"
	"a20 a20"
	"a21 a21"


		
		;
	background-color:#2a2a2a;
}
	
	
	
	


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

.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;
}
	
	
	
	


		.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 { 
  height: 0.35vw;
}
	
.containera > div::before { 
 height: 0.35vw;
} 

	
		
	
	
	
	

	
	
	
	
	
	
	
	
	
}