html, body {
	height: 100%;
}

body {
margin : 0;
padding : 0;
font-size : 1em;
font-family: sans-serif;
color: #3f3f3f;
line-height: 1.7em;
background-color: #D7D8CA;
}
#skip {
position : fixed;
top : 0;
left : 30px;
z-index: 200;
}

#skip A:link, #skip A:visited {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}

#skip A:focus, #skip A:active {
position:relative;
display : block;
left: 25px;
top:0px;
padding-left : 1em;
padding-right : 1em;
width:auto;
height:1.45em;
background-color: #085951;
outline : solid 1px #fff;
}
.wrap {
max-width: 1200px;
margin-left : auto;
margin-right : auto;
}

iframe {
float : left;
border : solid 1px #000;
margin-bottom: 30px;
}
#almonds, #crow {
float : left;
width : 400px;
max-width: 100%;
padding-bottom: 60px;
}
#almonds {
padding-right : 100px;
}

.floatleft {
float :left;
}
#banner {
font-family: 'PT Sans Caption', sans-serif;
color : #5C051E;
padding : 0;
padding-left : 15px;
padding-bottom: 30px;
}
#heroimage {
text-align: center;
width : 100%;
}
#homebanner {
clear : both;
margin-top : 100px;
background-image: url("paintings/croppedfish.jpg");
background-repeat: no-repeat;
background-size: 100% auto;
padding : 0;
padding-top : 100px;
min-height: 600px;
font-family: 'PT Sans Caption', sans-serif;
text-align: center;
}

#homebanner h1 {
background-color: #5C051E;
color : #fff;
font-size : 5.5em;
line-height: 1em;
max-width : 8em;
padding : 0;
padding-top : 5px;
margin-left : auto;
margin-right : auto;
}

#homebanner h2 {
background-color: #5C051E;
color : #fff;
font-size : 5em;
width : 4em;
margin-left : auto;
margin-right : auto;
line-height: 1.2em;
font-family: 'PT Sans Caption', sans-serif;

}
#name {
font-size : 2em;
line-height: 1.5em;
float : left;
margin-top : 5px;
margin-left: 12px;
}

#contact {
/*background-color : #CCD4C9;*/
float : right;
padding-top : 13px;
padding-right: 15px;
}
#contact A:link, #contact A:visited {
color : #5C051E;
padding : 3px;
text-decoration: none;
margin-left : 2em;
margin-right : 2em;
}

#contact A:hover, #contact A:focus {
background-color : #5C051E;
color : #fff;
text-decoration: none;
} 

#primarynav {
clear : both;
display:flex;
flex-direction: horizontal;
font-family: 'PT Sans Caption', sans-serif;
}
#primarynav ul {
list-style-type: none;
margin : 0;
margin-top : 30px;
padding : 0;
}
#primarynav li {
float : left;
}


#primarynav A:link, #primarynav A:visited  {
color : #3E440C;
padding : 3px;
text-decoration: none;
padding-left: 1.5em;
padding-right: 1.5em;
}
#primarynav A:hover, #primarynav A:focus {
background-color : #3E440C;
color : #fff;
text-decoration: none;
/*border-top : solid 1px #2C3008;
border-bottom : solid 2px #2C3008*/
padding-top : 1px;
padding-bottom : 2px;
outline : none;
} 

#social {
float : right;
padding-top : 3px
}
#social A:hover, #social A:focus {
background-color : #5C051E;
display : block
} 
.icon {
float : left;
width : 35px;
margin-top : 10px;
margin-left : 10px;
margin-right : 0px;
padding : 0;
}
#main {
clear : both;
padding-top : 50px;
padding-left : 40px;
padding-bottom : 30px;
}
#films {
background-color: #7F7C26;
padding : 8px;
overflow : auto
}

#paintings, #drawings {
color : #121003;
text-align: center;
margin-left : auto;
margin-right : auto;
}
#paintings img, #drawings img {
max-height: 84vh;
}
.vh100 {
max-height: 80vh;
} 
.vh80 {
max-height: 80vh;
} 
.drawingandlabel {
display : block;
margin-left : auto;
margin-right : auto;
margin-bottom : 70px;
}

.paintingandlabel {
display : block;
margin-bottom : 70px;
}
.wrap {
width : 1100px;
max-width: 94%;
margin-left : auto;
margin-right : auto;
}
.floatleft {
float : left;
margin-right : 30px;
}
.invisible {
position:absolute;
left:-10000px;
top:auto;
width:1px;
height:1px;
overflow:hidden;
}
.marginauto {
margin-left : auto;
margin-right : auto;
}
.marginleft {
margin-left : 25px;
}
.paddingbottom {
padding-bottom : 30px;
}
.paddingtop {
padding-top : 30px;
}

A:link, A:visited {
color : #7D192A;
}
A:hover, A:focus {
background-color : #7D192A;
color : #fff;
text-decoration: none;
} 
img {
max-width: 100%;
}
h1 {
font-family: 'PT Sans Caption', sans-serif;
font-size: 3em;
font-weight: normal;
color : #7D192A;
color : #0E5346;
color : #241A22;
line-height: 1em;
text-transform: uppercase;
text-transform: none;
}
h2, h3, h4 {
clear : both;
font-family: 'PT Sans Caption', sans-serif;
font-weight: normal;
font-size: 2em;
}
.clearnone {
clear : none;
}
h3 {
font-size: 1.5em;
}
h4 {
font-size: 1.25em;
}


/*small*/
@media (max-width: 1000px) { 
body {
font-size: 2em;
}
iframe {
max-width : 100%;
margin-left : auto;
margin-right : auto;
}
#banner {
display:flex;
flex-direction: column;
justify-content: center;
padding-bottom : 0px;
}
#name {
font-size: 2em;
margin-left: 0;
text-align: center;
width : 100%;
}
#contact {
font-size: 7.5vw;
line-height: 2em;
margin:0;
padding : 0;
padding-bottom: 0px;
text-align: center;
width : 100%;
}
#contact A:link, #contact A:visited {
margin-left: 0;
margin-right: 0;
}

#social {
clear:both;
display:flex;
float:none;
flex-direction: row;
justify-content: center;
margin:auto;
padding-top : 3px;
}
.icon {
margin-top : 10px;
margin-left : 20px;
margin-right : 20px;
padding : 0;
width : 85px;
}
#primarynav {
clear : both;
display:flex;
font-size : 1.5em;
line-height: 2em;
margin:auto;
width: 80%;
}
#primarynav ul {
display:flex;
flex-wrap: wrap;
justify-content: center;
}
#primarynav li {
float : none;
line-height: 1.75em;
}


#primarynav A:link, #primarynav A:visited  {
background-color : #3E440C;
border-radius:5px;
color : #fff;
padding-left: .25em;
padding-right: .25em;
margin-left: .25em;
margin-right: .25em;
}
#primarynav A:hover, #primarynav A:focus {
background-color : #3E440C;
color : #fff;
text-decoration: none;
padding-top : 1px;
padding-bottom : 2px;
outline : none;
} 

#main {
padding-left : 0px;
}
#biophoto {
margin-bottom : 70px;
}
h1 {
padding-left : 0;
}
#homebanner {
border-top : solid 50px transparent;
}
#homebanner h1{
margin-top : 200px
}
#almonds {
padding-right : 0;
width : 800px;
max-width: 100%;
}
#almonds iframe, #crow iframe{
width : 90%;
}
#crow {
clear : left;
width : 800px;
max-width: 100%;
}
iframe {
margin-right : 40px;
}
.fullwidth .wrap {
width:100%;
max-width: 100%;
min-width: 100%;
}
#paintings {
width:100%
}
.paintingandlabel, .drawingandlabel {
margin-bottom : 60px;
}
.marginleft {
margin-left : 0;
}


}