/* GENERAL ------------------------------------------- */

.wrapper {
		width: 90%;
		margin:auto;
}


p {
	font-family: 'Playfair Display', serif;
}

@font-face {
 		font-family: myfont;
 		src: url('GillSans.ttc');
 }

h1 { 
	font-family: myfont;
	text-transform: uppercase;
	text-align: center;
	font-size:35px;
	padding:5px;
}
h2 {
	font-family:myfont;
	text-transform:uppercase;
	text-align:center;
	font-size:35px;
	color:#D80027;
	padding:10px;
	padding-bottom:15px;
	
}
h3 {
	font-family:myfont;
	font-size:22px;
}

h4 {
	font-family:myfont;
	font-size:20px;
	text-decoration: none;
	color:black; 
}
h4 a:visited, h4 a:hover {
		color:lightgray;
		text-decoration: none; 

}	

/* HEADER ------------------------------------------- */

.header ul {
		list-style-type: none;
		margin: 0;
		padding-bottom:18px;
		-webkit-column-span: all;
}
.block_1 {	
	 	width:100%; 
		height:20px;
		background:#D80027;
}

 .header li {
  		display: inline;
}
 .header a {
		width:100px;
		color: black;
		margin-right 100px;
		margin-left:20px;
		text-align: center;
		padding: 14px 16px;
		text-decoration: none; 
		font-family: myfont; 
		text-transform: uppercase; 
/*     font-size:25px;  */
     
}
.header a:hover {
    	color:lightgray;
    
}

/* SUBHEADER ------------------------------------------- */
.header ul {
		list-style-type: none;
		-webkit-column-span: all;
}

.subheader ul {
			background-color:#D80027;
			-webkit-column-span: all;
			height:20px;
			width:100%;
}
.subheader li, .header li {
		display: inline;
   
}
.subheader li {
		padding-right:20px;
}
.subheader a{
		color:white;
		font-family: myfont;
		text-transform: uppercase;
		text-decoration: none; 
	
		
}
.header a {
		width:100px;
		text-align: center;
		text-decoration: none; 
}

.subheader a:hover{
	 		color:lightgray;
}

.header a:hover {
    		color:lightgray;
}

/* SUBHEADER-2 ------------------------------------------- */

.header ul {
   		list-style-type: none;
		margin: 0;
		-webkit-column-span: all;	
}

.subheader-2 ul {
			background-color:#D80027;
			-webkit-column-span: all;
			height:20px;
			width:100%;
			padding-right:100px;		
}
.subheader-2 li, .header li {
  			display: inline;
  
}
.subheader-2 li {
			padding-right:010px;
}
.subheader a {
			text-decoration: none; 
}
.subheader-2 a {
			color:white;
			font-family: myfont;
			text-transform: uppercase;
			text-align: center;
}
.subheader-2 a, .header a {
			width:100px;
			text-decoration: none; 
}
.subheader-2 a:hover {
	 		color:lightgray;
}

.header a:hover {
  			color:lightgray;
    
}




.clear {
	clear: both;
}



/* FOOTER ------------------------------------------- */
.footer {
/* 	background-color: gold; */
	width: 25%;
	float: left;
}

.footer, .block_2 { 
		font-family: myfont;
		font-size: 14px;	
}
.footer p {
		font-family: myfont;
		font-size: 14px;
}

.icon {
		padding:10px;
		float:right;
/* 		background-color:green; */
		margin:auto;
}
.icon a:hover {
		color:lightgray;
/* 		box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3); */
	 	-webkit-filter: drop-shadow(3px 2px 1px lightgray)
}
.block_2 { width:100%; 
		   height:3px;
		   background:darkgray;
		   }



/* SLIDERS ------------------------------------------- */

.slideshow {
			margin:15px;
			
}

/* LEFT COLUMN ------------------------------------------- */

.photography,.posters,.films,.roy,.carrie {
		float:left;
/* 		background-color:orange; */
		width:20%;
		padding-right:auto;
		padding-left:auto;
		padding-bottom:10px;
	

}
.contact,.submissions,.about-img, .responses {
		float:left;
/* 		background-color:orange; */
		width:40%;
		padding-right:auto;
		padding-left:auto;
		font-family: myfont;
}		
.contact {		
		text-transform: uppercase;
		}
.about-img {
		margin:auto;
		width:30%;
		padding:10px;
		float:right;


}

/* RIGHT COLUMN ------------------------------------------- */
.about {
		float:right;		
/* 		background-color:purple; */
		width:55%;
		margin-right:auto;
		margin-left:auto;
}
.grid {
		float:right;		
/* 		background-color:blue; */
		width:75%;
		padding:0px;
}

/* ARTISTS PAGE  ------------------------------------------- */

.rows, .rows a {
		text-decoration: none;
		color: black;
}
	
.rows a:hover{
		color:lightgray;
}

.artist {
/* 		list-style-type: none; */
/* 	background-color: orange; */
		width:93%;
		position: relative; 

}
.image { 
	   display: inline-flex;
	   width: 100%; /* for IE 6 */
}

h5 { 
	   position: absolute;
	   display:inline; 
	   bottom: 50px; 
	   left: 0; 
	   width: 23%; 
/* 	   height:150 px; */
	   background-color:white;
	   opacity: 0.8;
	}
h5-1 { 
	   position: absolute;
	   display:inline; 
	   bottom: 50px; 
	   right:0; 
	   width: 20%; 
/* 	   height:150 px; */
	   background-color:white;
	   opacity: 0.8;
	}

h5 span , h5-1 span{ 
	   color: darkgray; 
	   font-family:myfont;
	   font-size:30px;
	   text-decoration: none;
	   letter-spacing: -1px;  
	/*    background: rgb(0, 0, 0); /* fallback color */ 
	   padding: 10px; 
}

h5 span.spacer {
   	padding:20px 15px;
}

.image:hover .h5 span {
	 opacity: 0.8;
}




/* PHOTO GRID ------------------------------------------- */
.full-grid, .grid {
		line-height:12px;
		-webkit-column-count:5px;
		-webkit-column-gap:0px;
		-moz-column-count:5px;
		-moz-column-gap:0px;
		column-count:5px;
		column-gap:0px;
}
.grid img {
	/*width:auto;
	height:100%;*/
}
{
	/*width:auto;
	height:100%; */
}

	
/* CONTACT-FORM ------------------------------------------- */
.contact-form {
		float:right;		
/* 		background-color:purple; */
		width:45%;
		margin-right:auto;
		margin-left:auto;
	}
input {
    	width: 300px;
}

input[type=text] {
		width: 300px;
		padding: 12px 20px;
		margin: 8px 0;
		box-sizing: border-box;
	}
input[type=text] {
		border: 2px solid lightgray;
   
}
textarea {
		width: 300px;
		height: 150px;
		padding: 12px 20px;
		box-sizing: border-box;
		border: 2px solid #ccc;
		background-color: #f8f8f8;
		resize: none;
}
input[type=button],  input[type=submit] {
		background-color: #D80027;
		font-family: 'Playfair Display', serif;
		border: none;
		color: white;
		padding: 16px 32px;
		text-decoration: none;
		margin: 4px 2px;
		cursor: pointer;
}
.send {
		background-color:#D80027;
 		width:300px;