header{
	width:100%;
	/* background-color:rgb(0,0,0); */
	padding:10px;
	box-sizing:border-box;
	text-align:center;
}

.hero-image{
	width: 100%;
  	background-image: linear-gradient(rgba(0, 0, 0, 0.0), rgba(0, 0, 0, 0.0)), url(DLIT-Banner-21-6.jpg);
 	height: 170px;
	/* Position and center the image to scale nicely on all screens */
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	position: relative;
 	/* background-color: blue;
  	background-position: center; */
}

/* Place text in the middle of the image */
.hero-text {
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: white;
}

body{
	font-family:garamond, helvetica, sans-serif;
	color:rgb(255,255,255);
	background-color:rgb(0,0,0);
	margin:auto; 
	padding:0px;
	text-align:center;
}

/*
body a{
	/*text-decoration:none;*/
	/*color:white;
}/*
/*

/* unvisited link */
a:link {
  color: rgb(150,210,260);
}

/* visited link */
a:visited {
  color:rgb(30,131,177);
}

/* mouse over link */
a:hover {
  color: rgb(80,200,230);
}

/* selected link */
a:active {
  color:rgb(50,170,200);
}

#container{
	width:100%; 
	max-width:1980px; 
	margin:auto;
	background-color:rgb(0,0,0);
	padding:0px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row;
	align-items:flex-start;
	text-align:center;
}

h1 {
    color: white;
    font-family: Andalé Mono;
    text-align: center;
}

h2 {
	color: white;
	font-family: Arial;
	text-align: center;
}

h3 {
	color: white;
	font-family: Arial;
	text-align: center;
}

h3 {
	color: white;
	font-family: Arial;
	text-align: center;
}

nav{
	width:100%;
	/*background-color:rgb(0,41,67);*/
	background-color:rgb(30,41,67);
	/*background-color:rgb(15, 26, 59);*/
	margin:0px auto;
	padding:0px;
	box-sizing:border-box;
	text-align:center;
}
nav ul{
	list-style-type: none;
	margin:auto;
	padding:0px;
}
nav ul li{
	display:inline-block;
	margin:0px 30px;
	padding:10px;
	align-content:center;
}
nav a{
	text-decoration:none;
	color:white;
}

article{
	width:100%;
	background-color:rgb(0,0,0);
	margin:0px auto;
	padding:0px;
	box-sizing:border-box;
	display:flex;
	flex-wrap:wrap;
	flex-direction:row; 
	align-content:flex-start; 
}

.fullwidth{
	background-color:rgb(0,0,0);
	width:100%;
	margin:10px;
	padding:0%;
	box-sizing:border-box;
	text-align:center;
}

.parawidth{
	background-color:rgb(0,0,0);
	width:100%;
	margin:0%;
	padding:2%;
	box-sizing:border-box;
	text-align:center;
}

.parawidth2{
	background-color:rgb(0,0,0);
	width:100%;
	margin:0%;
	padding:4%;
	box-sizing:border-box;
	text-align:center;
}

.halfwidth{
	background-color:rgb(0,0,0);
	margin:2% 28%;
	width:46%;
	padding:2%;
	box-sizing:border-box;
	text-align:center;
}

.thirdwidth{
	background-color:rgb(0,0,0);
	margin:2%;
	width:29.33333333%;
	padding:2%;
	box-sizing:border-box;
}

.quarterwidth{
	background-color:rgb(0,0,0);
	margin:2%;
	width:21%;
	padding:2%;
	box-sizing:border-box;
}

img{
	max-width:100%;
	width:50%;
	margin:0% auto;
	padding:0%;
	box-sizing:border-box;
	text-align:center;
	pointer-events:none;
}

.row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 0px;
  width: 100%;
}

.column img {
  margin-top: 5px;
  vertical-align: middle;
}

.grid {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  /*changes grid column*/
  grid-gap:10px;
  grid-auto-rows:auto;
  padding:20%;
  width:100%;
  height:auto;
 	horizontal-align: middle;
 	pointer-events:none;
}

.grid span {
  /*background-color: steelblue;*/
  grid-column: auto / span 6;
}

.grid span:nth-child(1),
.grid span:nth-child(2),
.grid span:nth-child(3),
.grid span:nth-child(4),
.grid span:nth-child(5),
.grid span:nth-child(6) {
  grid-column: auto / span 1;
}

/* mobile 
@media (max-width: 600px) {
  #picblock {
    background-image: url(img/EYES-10-1-Copyright-DreamsLostInTime.jpg);
    background-repeat: no-repeat;
    background-size: contain ;
  }
}
*/
/* desktop 
@media (min-width: 601px) {
  #picblock {
  	max-width:100%;
	width:70%;
	margin:0% auto;
	padding:0%;
	box-sizing:border-box;
	text-align:center;
  }
}
*/
footer{
	width:100%;
	background-color:rgb(25,25,25);
	margin:auto;
	padding:6px;
	box-sizing:border-box;
	text-align:center;
}
/* background-color:rgb(0,41,67); */