html {
	height: 100%;
	}

* {box-sizing: border-box}

body {
	background-color: #000;
	min-height: 101%;
	font-family: 'Lato', sans-serif;
	font-size: 15px;
	font-style: normal;
	font-variant: normal;
	font-weight: 300;
	line-height: normal;
	letter-spacing: normal;
	color: #958e7d;
	text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
	}

figcaption {
  	background-color: black;
  	color: #958e7d;
  	font-style: italic;
  	padding: 2px;
  	text-align: center;
	font-weight:600;
	font-family: 'Raleway', sans-serif;
	margin-bottom:1em;

	}

@font-face {
   	font-family: 'DebevicCircular';
 	src: url('DebevicCircular.ttf')  format('truetype');
	src: url('debeviccircular-webfont.woff2') format('woff2'),
        url('debeviccircular-webfont.woff') format('woff');
	font-weight: normal;
    	font-style: normal;
	}

h1	{
	text-align:Center;
	font-family:DebevicCircular;
	font-size:4em;
	color:white;
	line-height:1em;
	}

h2	{
	font-weight:300;
	font-family: 'Lato', sans-serif;
	TEXT-ALIGN:CENTER;
	margin-top:2em;
	}


a:link {
	color:white;
	text-decoration:none;
	}


 a:visited {
	color:white;
	text-decoration:none;
	}

 a:hover  {
	color:#958e7d;
	}

 a:active {
	color:white;
	}

 a.crumb:link {
	color:#958e7d;
	text-decoration:none;
	}


  a.crumb:visited {
	color:#958e7d;
	text-decoration:none;
	}

 a.crumb:hover  {
	color:white;
	}

 a.crumb:active {
	color:#958e7d;
	}

header {
	padding: 0;
	position: relative;
	top: 10px;
	width: 100%;
	background-color:transparent;
	z-index:1999;
	text-align:center;
	}

.container {
  	max-width: 1200px;
  	padding: 0 1.4rem;
  	margin: 0 auto;
	background-color: transparent;
	text-align:left;
	}


 p.byline	{
	font-family: 'Lato', sans-serif;
	font-size:2em;
	margin-top:0;
	}

 nav {
	width:100%
	text-align:center;
	font-weight:bold;
	letter-spacing:1px;
	font-size:18px;
	font-family: 'Raleway', sans-serif;
	overflow:hidden;
	}

nav ul {
    	list-style-type: none;
    	margin: 0;
    	padding: 0;
    	text-align:center;
	}

nav ul li	{
	display:inline;
	}

nav li a {
    	display: inline-block;
    	text-align: center;
    	text-decoration: none;
	padding:0 50px;
	}

nav li a.current{
	color:#958e7d;
	}

nav a:link {
	color:#806e46;
	text-decoration:none;
	display: inline-block;
    	text-align: center;
    	}


nav a:visited {
	color:#806e46;
		}

nav  a:hover  {
	color:#958e7d;
	border-bottom:0;
	}

nav a:active {
	color:#806e46;
	}

.sub	{
	color:#958e7d;
	font-size:14px;
	margin-top:1em;
	}

nav li a.secondary {	
	padding:0 10px;
	}

.grid	{
	margin-top:2em;
	font-size:18px;
	padding-bottom:2em;
	width:100%;
	max-width:900px;
	}

p.narrow	{
	margin-top:1em;
	width:100%;
	}

/* css for the image grids */

.row {
	
  display: flex;
  flex-wrap: wrap;
  padding: 0 0px;
	justify-content:center;
	/*align-items: center;*/
	}

/* Create three equal columns that sit next to each other */

.column {
  	flex: 33%;
  	max-width: 33%;
  	padding: 0 30px;
	}

.column img {
  	margin-top: 20px;
  	vertical-align: middle;
  	width: 100%;
	}

/* Responsive layout - makes a two column-layout instead of three columns */
@media screen and (max-width: 800px) {
  	.column {
   	 flex: 50%;
  	  max-width: 50%;
  	}
	}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  	.column {
   	 flex: 100%;
    	max-width: 100%;
  	}
	}


#footer	{
	border-top:5px solid #806e46;
	margin-top:2em;
	padding-bottom:2em;
	}


#artist-statement	{
	width:100%;
	text-align:left;
	font-size:18px;
	padding-bottom:1em;
	}

p.indent	{
	width:70%;
	margin-left:3em;
	}


iframe	{
	margin-top:1em;
	width:100%;
	max-width:640px; 
	height:auto;
	}

grid-image	{
	padding-bottom:1em;
	padding-top:1em;
	} 


.photo1	{
	border:1px solid #958e7d;
	}



h2.dd	{
	text-align:center;
	font-weight:bold;
	line-height:normal;
	text-indent:0;
	padding-bottom:2em;
	}

.about	{
	margin-top:2em;
	font-size:18px;
	padding-bottom:5em;
	width:100%;
	max-width:900px;
	line-height:2em;
	text-indent:2em;
	text-align:left;
	}


.center-photo	{
 	display: block;
  	margin-left: auto;
  	margin-right: auto;
	}

h1.statement {
	font: 42px Georgia, Serif;
	margin: 0 0 0 0;
	text-align:center;
	text-indent:0;
	}

.fleximg	{
	max-width:100%; 
	width:100%;
	height:auto;
	display:block;
	float:left;
	margin-right:0;
	margin-bottom:2em;
	}

.fleximg2	{
	max-width: 100%;
    	width: 100%;
    	height: auto;
    	display: inline-block;
    	float: left;
    	margin-right: 2em;
	margin-bottom:2em;
	margin-left:0;
	}