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





.selectedcolor {
	color:#B1DDF1;
}



#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;
  }
}
@keyframes slideInFromTop {
  0% {
    transform: translateY(-300%);
  }
  100% {
    transform: translateY(0);
  }
}

@keyframes slideInFromLeft {
  0% {
    transform: translateX(-300%);
  }
  100% {
    transform: translateX(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;
	
}




#bigbluebottom {
	position:absolute;
	top:50vw;
	width:100vw;
	height:2vw;
	background-color:#fff;
	z-index:900;
	opacity:0.1;
}




#copyright {
	position:absolute;
	width:100vw;
	top:50.6vw;
	text-align:center;
	z-index:910;
	color:#fff;
	font-size:0.7vw;
}




#content { 

	background-color:#2a2a2a;
}



#mailmobile {
display:none;	
}

* {
margin: 0;
padding: 0;
}

#gmail {
	position:absolute;
	top:14vw;
	left:22vw;	
	font-size:2vw;
	color:#0E13A4;
	text-align:center;
}


a {text-decoration:none;
   color:#fff;
}

#yellowemail {
	position:absolute;
	top:7vw;
	width:100vw;
	height:25vw;
/*background-color:#F4A40F;*/
/*background-color:#ccc;*/
	
		
	border-top-width:.5vw;
}

#emailus {
	position:absolute;
	top:1vw;
	left:53.2vw;	
	font-size:3vw;
	color:#fff;
	text-align:center;
	z-index:900;
}

#emailwords {
	position:absolute;
	top:14.35vw;
	left:25.5vw;
	color:#fff;
	font-size:1.2vw;
 font-family: 'dm_sans9pt_regular';
	text-align:center;
}

#mail {
	position:absolute;
	top:-16.8vw;
	width:30.916vw;
	height:27.9895vw;
	
}

#mail img {
	position:absolute;
	width:16.916vw;
	height:auto;
	left:27.5vw;
	top:20vw;
	
}

#myform {
	position:absolute;
	top:6.5vw;
	left:45.5vw;
}

#myformmobile {
	display:none;
}


	

input {
	padding-left:2vw;
	color:#2d90cc;
}


::placeholder {
	padding-left:0vw;
	color:#7f827d;
}

table {
	width:25vw;
	height:35vw;
	
}


td {
	padding:0;
	width:25vw;
	height:2vw;	color:#2d90cc;
}

tr {width:25vw;
padding:0;
height:2vw;	color:#2d90cc;}

#lname {
	color:#F3C;
	width:20vw;
	height:2.2vw;
	background-color:#e3e7e0;
	border-style:none;
	border-radius:20px;
		font-size:0.8vw;
}


#fname {
	color:#F3C;
	width:20vw;
	height:2.2vw;
	background-color:#e3e7e0;
	border-style:none;
	border-radius:20px;
		font-size:0.8vw;
}

#eaddress{
	color:#F3C;
	width:20vw;
	height:2.2vw;
	background-color:#e3e7e0;
	border-style:none;
	border-radius:20px;
		font-size:0.8vw;
}

#comm {
	color:#F3C;
	width:20vw;
	height:10.02vw;
	background-color:#e3e7e0;
	border-style:none;
	border-radius:20px;
 font-family: 'dm_sans9pt_regular';
	font-size:0.8vw;
}

input[type=text] {

    color:#2d90cc !important;

}

textarea {
padding-left:2vw;
padding-top:0.5vw;
    color:#2d90cc !important;

}

#sub2 {margin-left:-2.7vw;
	 color:#e45e31 !important;
	width:8vw;
	height:2vw;
	background-color:#e3e7e0;
	border-style:none;
	border-radius:20px;
	font-size:0.9vw;
	cursor:pointer;
	position:absolute;
	top:26vw;
	
	
}

#hideit{ 
	color:#F3C;
	width:0vw;
	height:0vw;
	background-color:none;
	border-style:none;
	border:none;
	
}

#selected {
	position:absolute;
	top:3.8vw;
	left:72.9vw;
	z-index:998;
}

#selected img {
	position:absolute;
	width:16.7vw;
	height:4.2vw;
}

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

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 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:999;
   /*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---------------------------------------
-------------------------------------------------------START CONTENT---------------------------------------
-------------------------------------------------------START CONTENT---------------------------------------*/


/*MAYBE THIS IS REALLY THE MIDDLE SCREEN RESOLUTION --- IT FIXED 4-9 FROM THE LAPTOP ONE*/


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

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


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, img, 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;
}


}

/*-----------------------------------------------------------------------------------MAKING THIRD ROW HOPEFULLY*/

/*-----------------------------------------------------START NAVIAGATION---------------------------------------
-------------------------------------------------------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:999;
   /*color: #ffffff;*/
  
}

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

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


/*-----------------------------------------------------END NAVIAGATION---------------------------------------
-------------------------------------------------------END NAVIAGATION---------------------------------------
-------------------------------------------------------END NAVIAGATION---------------    HIGH RESOLUTION------------------------*/


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


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



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, img, 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;
}


}

	#hideform2 #myform2  {
			position:absolute;
			left:-70vw;
			margin-left:-20w; 
			opacity:0;
	
	}


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

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

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

	
	
		#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;
}
	
		
	
		#bigbluebottom {
	position:absolute;
	top:50vw;
	width:100vw;
	height:2vw;
	background-color:#fff;
	z-index:998;
	opacity:0.1;
}
	
	
	
	#copyright {
	position:absolute;
	width:100vw;
	top:50.4vw;
	text-align:center;
	z-index:999;
	color:#fff;
	font-size:0.9vw;
	

		
}
	
	
	

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


	
	
	
	
	
	
}/*/ -----close middle @media0-----------------*/






/*-----------------------------------------------------END CONTENT---------------------------------------
-------------------------------------------------------END CONTENT---------------------------------------
-------------------------------------------------------END CONTENT---------------------------------------*/


/*@media screen and (max-width: 40em) -----------------------------------------------------------------------------------*/
/*@media only screen and (max-device-width: 480px)----see words only and device 30ems is 480---------------before testing on computer agian*/
@media screen and (max-width:60em)

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

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

#mobilenav {
	display:block;
	z-index:999;
}
	#mail {position:absolute;
		margin-top:1.7vw;
	}

	#sub2 {
		position:absolute;
		top:32vw;
	}
/*-----------------------------------------------------END NAVIAGATION---------------------------------------
-------------------------------------------------------END NAVIAGATION---------------------------------------
-------------------------------------------------------END NAVIAGATION---------------------------------------*/

#bigbluebottom {
	position:absolute;
	top:121vw;
	width:100vw;
	height:4.5vw;
	background-color:#fff;
	z-index:900;
	opacity:0.1;
}




#copyright {
	position:absolute;
	width:100vw;
	top:122.4vw;
	text-align:center;
	z-index:910;
	color:#fff;
	font-size:1.8vw;
}

	


	#hideform2 #myform2  {
			position:absolute;
			top:52.5vw;
		left:15.5vw;
			margin-left:0vw; 
			opacity:1;
		
	
	}
	

		#hideform1 #myform {
			position:absolute;
			left:-25vw;
			margin-left:-20vw; 
			opacity:0;
	
	}
	
	
	
	
	
#mail {
	position:absolute;
	top:-22.8vw;
	width:30.916vw;
	height:27.9895vw;
	
}

#mail img {
	position:absolute;
	width:30.916vw;
	height:auto;
	left:33.5vw;
	top:20vw;

}


	
#emailus {
	position:absolute;
	top:9vw;
	left:45.2vw;	
	font-size:3.5vw;
	color:#fff;
	text-align:center;
	
}	
	
	
table {
	width:65vw;
	height:65vw;
	
}


td {
	padding:0;
	width:60vw;
	height:2vw;
	color:#2d90cc;

}

tr {width:60vw;
padding:0;
height:6vw;	color:#2d90cc;
	
	}

#elname {
	color:#F3C;
	width:60vw;
	height:6vw;
	background-color:#e3e7e0;
	border-style:none;
	border-radius:20px;
		font-size:2.6vw;
}


#efname {
	color:#F3C;
	width:60vw;
	height:6vw;
	background-color:#e3e7e0;
	border-style:none;
	border-radius:20px;
		font-size:2.6vw;
}

#eaddress2{
	color:#F3C;
	width:60vw;
	height:6vw;
	background-color:#e3e7e0;
	border-style:none;
	border-radius:20px;
	font-size:2.6vw;
}

#ecomm {
	color:#F3C;
	width:60vw;
	height:20vw;
	background-color:#e3e7e0;
	border-style:none;
	border-radius:20px;
 font-family: 'dm_sans9pt_regular';
	font-size:2.6vw;
}

input[type=text] {

    color:#2d90cc !important;

}

textarea {
padding-left:2vw;
padding-top:0.5vw;
    color:#2d90cc !important;

}

#sub2 {margin-left:-27vw;
	 color: #e3e7e0!important;
	width:28vw;
	height:6vw;
	background-color:#e45e31;
	border-style:none;
	border-radius:20px;
	font-size:3vw;
	cursor:pointer;
	position:absolute;
	top:53vw;
	
	
}
	

}