@charset 'UTF-8';

html,
html * {
	
	box-sizing: border-box;
	margin: 0;
	padding: 0;
}


.slicknav_menu {	
	display: none;
	
}	

#menu {
		display: none;
	}

body {
	font-family: arial, sans-serif;
	background: white;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	
}

p {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.125em;
	margin-top: .5em;
}

.firstchar {
  color: red;
  font-size: 3.1em;
  float: left;
  margin-top: -2px;
  line-height: 1em;
  padding-right: .1em;
}


.allcontent {
	width: 100%;
	top: 0;
	left: 0;
}


.allcontent a {
	color: #a9abae;
	text-decoration: none;	
}

.allcontent a:hover, .contact {
	color: red;
	outline: none;
}

#resume {color: #5C5C5C; }

#resume p {
	line-height: 1.15em;
	margin-bottom: 1em;}

#resume a {
	font-weight: 700;
	color:#81694F;
}

#resume a:hover {
	color: red;
}

.container {
	height:auto;
	overflow: hidden;
	float: right;
}

.logo-div {
	margin: 1% 4%;
	width: 50px;
	float: left;
}

.wm-logo {
	position: relative;
	display: block;
	padding: 0;
	width: 50px;
	height: 50px;
	z-index: 10;
}


header {
	width: 100%;
	position:fixed;
	top: 0;
	height: 120px;
	max-width: 1440px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	background-color: #FFF;
	z-index: 500;
}

main {
	width: 100%;
	top: 120px;
	position: relative;
	color: #a9abae;
 /*background-color: aqua;*/ 
}

img { 
	width: 100%;
	max-width: 100%;
	height: auto;
	vertical-align: middle;
	}


/* navigation start */


div#nav {float: right; margin: 0; background:#FFF; padding-right: 2em;}

div#nav ul {float: left; margin-top:1em ; padding: 0; background: white; }

div#nav li:hover a {color: red;}

div#nav ul li.nav-link { }

div#nav ul.level1 li {float: left; position: relative; list-style: none; padding: .5em .3em;margin-left: 2.5em;}

div#nav li a {display: block; text-decoration: none; font-weight:900; letter-spacing: .15em; text-transform: uppercase; color: #a9abae;}

div#nav ul.level2 {margin: 2em 0 0 -1.5em; width: 6em;}

div#nav ul li.submenu {width: 6em; background: white;}

div#nav ul.level2 {border-bottom: .3em solid red; width:auto; box-shadow: 4px 4px 5px #d5d5d5;}

div#nav ul li.submenu ul.level2 li {width: 13.5em; background: white; padding: .6em 1.5em; margin-left: 0;}

div#nav ul li.submenu ul.level2 li:hover { display: block; background-color: #E6E6E6;}

div#nav li.submenu:hover a {color: red;}

div#nav li.submenu ul.level2 a {color: #a9abae; font-weight:700;}

div#nav ul li.submenu ul.level2 li:hover a { color: red;}

div#nav ul ul {position: absolute; top:0; display: none; } 

div#nav ul.level1 li.submenu:hover ul.level2 {display: block; visibility: visible;}






h1 {
	text-transform: lowercase;
	clear: both;
	text-align: center;
	margin-top: 1em;
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	letter-spacing: .25em;
	font-weight: 300;
}


h1.pgtitle {
		font-size: 2em;
		margin-top:0;
		margin-bottom: .5em;
	}

#heads h1.pgtitle {
	font-size: 1.5em;
	color:#999999;
	padding-left: 5%;
	
}

#index {
	
}

h2 {	
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 2em;
	letter-spacing: .25em;
	line-height: 1.25em;
	font-weight: 500;
	margin-bottom: .5em;
}

h2.category {
	text-align: center;
	font-size: 2em;
	margin-left: 2.25em;
}


h2.section {
	text-align: left;
	font-size: 2em;
	margin-left: 2.25em;
}

h3 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.5em;
	letter-spacing: .25em;
	margin-bottom: 1em;
}

#resume h4 {		
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-size: 1.4em;
	letter-spacing: .25em;
	line-height: 1.25em;
	font-weight: 500;
	margin: 2em 0;
}

h4 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 400;
	font-size: 1.2em;
	margin: 0 0 1em 3em ;
	text-align: center;
	
}

h5 {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	font-weight: 400;
	font-size: 1.2em;
	padding: 0 3em;
	margin-bottom: .4em;
}


h4 a:link, h5 a:link {
	    font-size: .9em;
	    font-weight: 700;
	    color:#B69B7D;}

.title-row h5 {margin-bottom: 1em;}

#resume {
 	width:90%; 
	font-size: 0.8em;
	margin: 2em 6em;
	}	


.bold {
	font-weight:700;
	display:block;
	margin: .25em 0 .25em 0;
	}

.indent {
	font-weight:bold;
	margin:2em 0 .25em 0;
	}

#desktop {
	display: inline;
}

#device {
	display: none;
}

.row:before, .row:after {
		content: "";
		display: table;
	
	}

.row:after {
		clear: both;	
}



.col {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 1em;
}


.col2 {
	width: 49%;
	float: left;
	padding: 3% 1% 0 2%;
	margin-right: 1%;

}


div.col2 {position: relative;}

div.col2 a {
	    position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
	
}
.col3 {
	width: 100%;
	float: left; 
	padding: 2% 1% 0 2%;
	margin-top: .5em;
	margin-left: auto;
    margin-right: auto;
}



div.col3 {position: relative;}

div.col3 a {
	    position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
	
}

.col4 {
	width: 100%;
	float: right;
	padding: 2% 1% 0 2%;
	margin: .75em 0;
	margin-left: auto;
    margin-right: auto;
}

div.col4 {position: relative;}

div.col4 a {
	    position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
	
}

.fullcol {
    width: 100%;
	float: right;
	padding: 2% 1% 0 2%;
	margin: .75em 0;
	margin-left: auto;
    margin-right: auto;
}

.about {
	font-size: 1.25em;
	font-weight: 300;
	line-height: 1.3em;
	text-align: center;
	padding: 0 1% 0 2%;
}


.picture {
  	width: 58%;
	float: left;
	background-size: cover;
 /* background-color: antiquewhite;  */
}


.picture-rt {
  	width: 58%;
	float: left;
	margin-left: 42%;
	background-size: cover;
/*	background-color: antiquewhite;*/
}

#statement .picture-rt {
    width: 48%;
    float: right;
	margin-left: 2%;
    margin-bottom: 1em;
}


.lrg-caption {
	text-align: center;
	font-weight: 500;
	font-size: 1.3em;
	padding: 1em;

}

.caption-right {  	
	width: 40%;
	float: left;
	line-height: 1.5em;
	padding: 2em 2em;
}


.caption-left {  	
	width: 40%;
	float: left;
	line-height: 1.5em;
	padding: 2em 2em;
/*	background-color: aliceblue;*/
	position: absolute;
}


.gallery-row .caption-right {  	
	width: 100%;
	padding: 2em;
	margin-top: 4em;
}

.caption-right p, .caption-left p {font-weight: 400; }


.caption-right p a, .caption-left p a {
	    font-size: .9em;
	    font-weight: 700;
	    color: #B69B7D;}

.sm-caption {
	text-align: center;
	font-weight: 500;
	font-size: 1.1em;
	padding: .2em 0;
	margin: .4em;
}

.sm-caption a, .sm-caption a:active, .sm-caption a:visited {
	    font-weight: 700;
	    color: #B69B7D;} 

.sm-caption-desc {font-size: .9em; font-weight: 300; margin-bottom: 1.5em}

.sm-caption-desc a, .sm-caption-desc a:active, .sm-caption-desc a:visited  {color: #B69B7D;}

#statement .sm-caption-desc {margin-bottom: .5em;}

.desc {
	margin: 1em;
	min-height: 8em;
}

/* desktop view */


/* image boxes */

.primo {
	background-image: url(../images/primo-design-tout-1024px.jpg);
	background-size: cover;
	width: 100%;
	padding: 2% 0 56.26% 0;
	margin-: 0 1%;	
}

.primo-art {
	background-image: url(../images/reclus-1920x1520px.jpg);
	background-size: cover;
	width: 100%;
	padding: 2% 0 56.26% 0;
	margin-: 0 1%;	
}

.spacial-ten {
	background-image: url(../images/spacial-tendencies-tout.jpg);
	background-size:cover;
	padding: 1% 0 56.25% 0;
}

.lit-landscape {
	background-image: url("../images/lit-landscape-tout.jpg");
	background-size:cover;
	padding: 1% 0 56.25% 0;
}



.tv-landscape {
	background-image:url("../images/tv-landscape-tout.jpg");
	background-size:cover;
	padding: 1% 0 56.25% 0;
}

.dig-landscape {
	background-image:url(../images/dig-landscapte-breathe-1920x1272px.jpg);
	background-size:cover;
	padding: 1% 0 56.25% 0;
}


.ani {
	background-image:url(../images/video-for-jane-16x9.jpg);
	background-size:cover;
	padding: 1% 0 56.25% 0;
}


.portraits {
	background-image:url(../images/bill-cole-1920x2560px.jpg);
	background-size:cover;
	padding: 1% 0 56.25% 0;
}



.performance {
	background-image:url(../images/performance-tout.jpg);
	background-size:cover;
	padding: 1% 0 56.25% 0;
}
.media-ground {
	background-image:url(../images/mag-21-gun-salute-1920x1505px.jpg);
	background-size:cover;
	padding: 1% 0 56.25% 0;
}



.design {
	background-image:url(../images/design-Mendoza-Hoff-Revels-Index-1920-1546.jpg);
	background-size:cover;
	padding: 1% 0 56.25% 0;
}

.design-home {
	background-image:url(../images/design-Mendoza-Hoff-Revels-Index-1920-1546.jpg);
	background-size:cover;
	padding: 1% 0 80% 0;
}



.art {
	background-image:url(../images/art-reclus-full-ratio-1920-1546.jpg);
	background-size:cover;
	padding: 1% 0 80% 0;
}


.v24 {
	background-image: url(../images/V24-JBL-todd-weinstein.jpg);
	background-size: cover;
	width: 100%;
	padding: 2% 0 73.1% 0;
	margin-: 0 1%;	
}

/* end image boxes */






/* footer */

footer {
    position: relative;
	width: 100%;

}

.contact {

	padding: .65em;
    height: 3em;
    width: 90%;
    border-radius: 5em;
    background-color: #a9abae;
	font-size: .8em;
    text-align: center;
	line-height: 1.5em;
    color: white;   
	margin-top: 4em;
	margin-left: auto;
    margin-right: auto;
	display: block;
}

.contact li{
		margin: 0 2em;
	display:inline;
		
	}



div.contact {position: relative;}

div.contact a {
	    position: absolute;
        width: 100%;
        height: 100%;
        top: 0;
        left: 0;
        text-decoration: none; /* No underlines on the link */
        z-index: 10; /* Places the link above everything else in the div */
        background-color: #FFF; /* Fix to make div clickable in IE */
        opacity: 0; /* Fix to make div clickable in IE */
        filter: alpha(opacity=1); /* Fix to make div clickable in IE */
	
}

.imgcopyright {
	font-size: .7em;
    margin-left: 0;
	padding: 2em;
	display: block;

}
	
/* footer end */






/* Tablet view */

@media screen and (max-width: 780px) { 
	

body  {max-width: 780px;}

header {height: 80px;
		top: 0px;
	}	

main	{
		width: 100%;
		top: 100px;
		position: relative;
	}

div#nav {font-size: .8em; }	

cv {margin-top: 120px;}

.firstchar  {font-size:2.5em;}
    
    
    
h1.pgtitle {
		font-size: 1.6em;
		margin: .25em  0;
	}	
	
#heads h1.pgtitle {
	font-size: 1.4em;	
}
	
h2 {

	font-size: 1.5em;
	margin: .1em 0 .5em .5em;
}	

h2.category {font-size: 1.5em; margin-left: 3em;}


h3 {
	margin: .5em 0;	
	}

	
h4 {

	font-size: 1.4em;
	margin: .25em 2em;
}


h5 {
	font-size: 1.1em;
	padding: 0 2em;
	margin-bottom: .3em;
}	
.lrg-caption {
		font-size: 1em;
		padding: 1em;

	}

.sm-caption {
	font-size: 1em;
	}


.desc {
	min-height: 6em;
}
	
.about {
	font-size: 1em;
	padding: 0 1% 0 2%;
	margin-bottom: .5em;
}	
	
.col {	
		width: 100%;
	
	}	
	
.col2 {
		width: 49%;
		padding: 1.5% 1% 1.5% 2%;
	}

.col3 {
		width: 100%;
		padding: 0 1.2em 0 1em;
}	
	
.col4 {
		width: 100%;
	    float: left;
		padding: 1.5% 1% 1.5% 2%;
	}
	

.picture, .picture-rt {
  	width: 100%;
	margin: 0;
	float:left;
	background-size: cover;
}


	
.row .caption-right {
    width: 100%;
	text-align: center;
	font-size: .9em;
	padding: 0 1em;
}




.caption-left {  
    width: 100%;
	text-align: center;
	font-size: .9em;
	padding: 0 1em;
	position: relative;
}
	
	
	
.gallery-row .caption-right {
    width: 100%;
	text-align: center;  
	padding: 0 3em;
	margin: 0 0 2em 0;
}

.logo-div {
	width: 44px;
}

.wm-logo {
	width: 44px;
	height: 44px;
}
	
#desktop {
	display: none;
}	

#device {
		display: inline;
	}
	
.smscreen {
    width: 100%;
	text-align: center;
	padding: 1em 1em;
	display: contents;
}	
	
.contact {
	padding: 1em 0 4.75em 0;
	line-height: .75em;
	margin-top:2em;
	}	
		
	
.contact li{
		padding-bottom: .75em;
		display: block;	
	}

	
	
.slicknav_menu {	
		display: none;
	}

}


@media only screen
and (min-device-width : 320px)
and (max-device-width : 568px)
and (orientation : landscape) {
  html {
    -webkit-text-size-adjust: none; /* none for no scaling */
  }
}



/* Mobile view */

@media screen and (max-width: 630px) {

	

header {
	position:fixed;
	height: 110px;
	margin:0;
	padding: 0;
	background-color: #FFF;
	z-index: 500;
}
	
main {
		top: 110px;
		position: relative
	}
	
.caption-right {
	line-height: 1.25em;
	}
	
.caption-right .sm-caption {
	font-size: .8em;
	padding: 0 3em 0 0em;
	margin-bottom: 0;
}

.desc {
	min-height: 0;
	margin: .5em 0 2em 0;
}
	
#desktop-menu {
		display: none;
	}
	
#menu {
		display: none;
	}			

#nav {margin: 0;}	
	
h1.pgtitle {
		font-size: 1.3em;
	}

	
#heads h1.pgtitle {
	font-size: 1.2em;
	margin: 0;
}
#resume {
	margin: 1em 2em;
	}	
	
.slicknav_menu {	
		display: block;
		position: fixed;
	}	
	
h2 {
		font-size: 1.25em;
	}

h2.category {font-size: 1.3em;
	font-weight: 400; margin-bottom: .5em;
	}	
	
.about {
	font-size: 1em;
	padding: 0 5% 0 0;
	margin: 0 0 .5em 0;
}
	
	
.col {	
		width: 100%;
	
	}


.col2 {
	width: 99%;

}	
	
.col3 {
	padding:0 .5em 0 .25em;
}
	
	
.col4 {
	width: 100%;
}
	
.primo	{
		width: 99%;	
		margin-left: 1%;	
	}

	
.primo-art	{
		width: 99%;	
		margin-left: 1%;	
	}	
.lrg-caption {
		font-size: .8em;
		padding: 1em;

	}

	
.sm-caption {
	font-size: .9em;
	}

	
.gallery-image {
	width: 100%;
	text-align: center;
}

.gallery-image img {object-fit: contain;}
	

#gallery .col4 {
	padding: 0 1% 0 2%;
}

#gallery h3 {
	font-weight: 500;
	margin: .25em 0;
}

#gallery .sm-caption {
	text-align: center;
	font-weight: 300;
	font-size: .9em;
	margin: 0 1em .5em 0;
}	
	
.logo-div {
	float: right;
	margin: .8em;
	}	


.wm-logo {
	width: 40px;
	height: 40px;
}

    }


/*! 
 * SlickNav Responsive Mobile Menu v1.0.10
 * (c) 2016 Josh Cope
 * licensed under MIT
 */


.slicknav_btn {
  position: relative;
  display: block;
  vertical-align: middle;
  float: left;
  padding: 0.7em 0.625em 0.75em 0.625em;
  line-height: 1.125em;
  cursor: pointer; }

.slicknav_btn .slicknav_icon-bar + .slicknav_icon-bar {
    margin-top: 0.188em; }



.slicknav_menu {
	*zoom: 1; }

.slicknav_menu .slicknav_menutxt {
    display: block;
    line-height: 1.188em;
    float: left; }

.slicknav_menu .slicknav_icon {
    float: left;
    width: 1.125em;
    height: 0.89em;
    margin: 0.188em 0 0 0.438em; }

.slicknav_menu .slicknav_icon:before {
      background: transparent;
      width: 1.125em;
      height: 0.5em;
      display: block;
      content: "";
      position: absolute; }

.slicknav_menu .slicknav_no-text {
    margin: 0; }

.slicknav_menu .slicknav_icon-bar {
    display: block;
    width: 1.125em;
    height: 0.2em;
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.25); }

.slicknav_menu:before {
    content: " ";
    display: table; }

.slicknav_menu:after {
    content: " ";
    display: table;
    clear: both; }



.slicknav_nav {
  clear: both; }

.slicknav_nav ul {
    display: block; 
}

.slicknav_nav li {
    display: block;
	background-color: #FFF;
    z-index: 1000;}

.slicknav_nav .slicknav_arrow {
    font-size: 0.8em;
    margin: 0 0 0 0.4em; }

.slicknav_nav .slicknav_item {
    cursor: pointer; }
    .slicknav_nav .slicknav_item a {
      display: inline; }

.slicknav_nav .slicknav_row {
    display: block; }

.slicknav_nav a {
    display: block; }

.slicknav_nav .slicknav_parent-link a {
    display: inline; }

.slicknav_brand {
  float: left; }

.slicknav_menu {
  font-size: 20px;
  box-sizing: border-box;
  padding: 2px 0px 2px 10px;
  width: 80%;
  background-color: #FFF;
  z-index:1000;}

.slicknav_menu * {
    box-sizing: border-box; }

.slicknav_menu .slicknav_menutxt {
    color: #a9aeab;
    font-weight: bold;
    text-shadow: 0 1px 3px #000;}

.slicknav_menu .slicknav_icon-bar {
    background-color: #fff;}

.slicknav_btn {
  margin: 6px 5px 8px;
  text-decoration: none;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  -webkit-border-radius: 50px;
  -moz-border-radius: 50px;
  border-radius: 50px;
  background-color: #ff0000; }

.slicknav_nav {
  color: #a9aeab;
  margin: 0;
  padding: 0 0 .5em 0;	
  font-size: 0.875em;
  list-style: none;
  overflow: hidden;
  border-bottom: .3em solid red;
  box-shadow: 4px 4px 5px #d5d5d5;
}

.slicknav_nav ul {
	list-style: none;
    overflow: hidden;
    padding: 0;
    margin: 0 0 0 20px; }

.slicknav_nav .slicknav_row {
    padding: 5px 10px;
    margin: 2px 5px; }

.slicknav_nav .slicknav_row:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      color:red; }

.slicknav_nav a {
    padding: 6px 10px;
    margin: 2px 5px;
    text-decoration: none;
    color: #a9aeab; }

.slicknav_nav a:hover {
      -webkit-border-radius: 6px;
      -moz-border-radius: 6px;
      border-radius: 6px;
      background: #e1e1e1;
      color:red; }

.slicknav_nav .slicknav_txtnode {
    margin-left: 15px; }

.slicknav_nav .slicknav_item a {
    padding: 0;
    margin: 0; }

.slicknav_nav .slicknav_parent-link a {
    padding: 0;
    margin: 0; }



.slicknav_brand {
  color: #a9aeab;
  font-size: 18px;
  line-height: 30px;
  padding: 7px 12px;
  height: 44px; }