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,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
  font-size: 100%;
  vertical-align: baseline;
}
body {
  color: #000;
  background: #fff;
}
ol,
ul {
  list-style: none;
}
table {
  border-collapse: separate;
  border-spacing: 0;
  vertical-align: middle;
}
caption,
th,
td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}
a img {
  border: none;
}
html {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  -moz-box-sizing: inherit;
  box-sizing: inherit;
}
body {
  font: normal 17px "eurostile", 'Helvetica', sans-serif;
  color: #ffeab6;
  background-color: #e9e1c9;
  display: flex;
  flex-flow: column nowrap;
  min-height: 100vh;
  line-height: 18px;
}


header h1 {
	text-align: center;
	top: 0px;
	font-size: 36px;
	font-family: "Ziggurat A", "Ziggurat B";
	font-style: normal;
	font-weight: 800;
	color: #000000;
	line-height: 38px;
}

h2 {
  font: normal 44px 'eurostile-extended', 'Helvetica', sans-serif;
  color: #000000;
  font-size: 17px;
}

h3 {
  font: normal 13px 'eurostile', 'Helvetica', sans-serif;
  font-style: italic;
  font-weight: 500;
  color: #000000;
}
h4 {
  font: normal 18px 'eurostile', 'Helvetica', sans-serif;
  font-weight: 600;
  color: #c9b869;
}

.footnote {
    font-size: 10px;
    color: #444;
}
.super {
    font-size: 10px;
	position: relative;
	top: -3px;
}
header {
  width: 100%;
  min-height: 98px;
  background-color: #e9e1c9;
  padding: 23px 0 5px 23px;
  border-bottom: 5px solid #000;
  border-top: 1px solid #660;
}
header img {
  display: block;
  padding: 0px 0 5px 0px;
  margin-left: auto;
  margin-right: auto;
}
header ul {
  *zoom: 1;
  display: flex;
  justify-content: center;
}

header li {
  color: #000000;
  padding: 0 2px 5px 2px;
  font-size: 17px;
  font-weight: bold;
}
header li a {
  text-decoration: none;
  font-weight: normal;
  color: #000000;
}

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

a:hover{
  text-decoration: underline;
}

header li a:hover{
  text-decoration: underline;
}
header li:nth-last-child(n+2):after {
    display: inline-block;
    width: 10px;
    height: 10px;
    background-color: #bc8731;
    content: '';
    margin: 1px 5px;
}

footer {
  background-color: #e9e1c9;
  border-top: 5px solid #000;
  min-height: 40px;
  width: 100%;
}

hr.style1 {
	height: 6px;
	background: url(/images/hr-12.png) repeat-x 0 0;
    border: 0;
}

#about {
  width: 100%;
  min-height: 540px;
  padding: 20px 40px;
  background: url(/images/zigzag_tile.gif);
}
#about.zz2 {
  background: url(/images/zigzag_tile2.gif);
}
#about.zz3 {
  background: url(/images/zigzag_tile3.gif);
}
#about.zz4 {
  background: url(/images/zigzag_tile4.gif);
}
#about.zz5 {
  background: url(/images/zigzag_tile5.gif);
}
#about.zzLA {
  background: url(/images/zigzag_tileLA.gif);
}
#about.zzUSA {
  background: url(/images/zigzag_tileUSA.gif);
}
#about.zzBW {
  background: url(/images/zigzag_tileBW.gif);
}
#about.zzRB {
  background: url(/images/zigzag_tileRainbow.gif);
}
#about.zzPA {
  background: url(/images/zigzag_tilePastel.gif);
}


#about .content {
    width: 100%;
    padding: 20px 17px;
    color: #000;
    background: rgba(239,234,220,.95);
    position: relative;
    z-index: 10;
    line-height: 20px;
}
#about .content p {
  padding: 7px 0;
}

@media screen and (min-width: 575px) {
  #about:after {
      content: '';
      display: block;
      min-width: 120px;
      width: 40%;
      height: 80vh;
      position: absolute;
      background: url(/images/bene.png) no-repeat center center;
      right: 0px;
      top: 163px;
  }
  #about .content {
    width: 60%;
  }
}

#inspiration {
  padding: 0 20px;
  flex: 1;
  background-color: #70291e;
}

#inspiration .content {
  width: 100%;
  display: flex;
  flex-flow: row wrap;
  justify-content: flex-start;
}
#inspiration article {
  width:225px;
  height:225px;
  margin: 20px;
}

#work {
  width: 100%;
  min-height: 540px;
  padding: 20px 40px;
  background: url(/images/zigzag_tile.gif);
}

#work .content {
   color: #000;
   position: relative;
   z-index: 10;
   display: flex;
   flex-flow: column wrap;
}

#work .content p {
 padding: 7px 0;
}
#work .content .column {
 background: rgba(239,234,220,.95);
 width: 98%;
 margin-left: 1%;
 padding: 10px;
 margin-right: 1%;
}
@media screen and (min-width: 850px) {
 #work .content {
   max-height: 800px;
 }
 #work .content .column {
   width: 48%;
 }
}yea