@charset "UTF-8";
/* CSS Document */

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}


/*   MAIN CSS   */  /*   MAIN CSS   */  /*   MAIN CSS   */  /*   MAIN CSS   */  /*   MAIN CSS   */

/* ~~ WEB FONTS ~~ */
@font-face {
    font-family: 'myriadpro-light';
    src: url('myriadpro-light-webfont.eot');
    src: url('myriadpro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-light-webfont.woff') format('woff'),
         url('myriadpro-light-webfont.ttf') format('truetype'),
         url('myriadpro-light-webfont.svg#myriadpro-light-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-regular';
    src: url('myriadpro-regular-webfont.eot');
    src: url('myriadpro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-regular-webfont.woff') format('woff'),
         url('myriadpro-regular-webfont.ttf') format('truetype'),
         url('myriadpro-regular-webfont.svg#myriadpro-regular-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-semibold';
    src: url('myriadpro-semibold-webfont.eot');
    src: url('myriadpro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-semibold-webfont.woff') format('woff'),
         url('myriadpro-semibold-webfont.ttf') format('truetype'),
         url('myriadpro-semibold-webfont.svg#myriadpro-semibold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'myriadpro-bold';
    src: url('myriadpro-bold-webfont.eot');
    src: url('myriadpro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('myriadpro-bold-webfont.woff') format('woff'),
         url('myriadpro-bold-webfont.ttf') format('truetype'),
         url('myriadpro-bold-webfont.svg#myriadpro-bold-webfont') format('svg');
    font-weight: normal;
    font-style: normal;
}


body {
	font-family: 'myriadpro-light', sans-serif;
	font-size: 16px;
	/*line-height: 15px;*/
	font-weight: normal;
	font-style: normal;
	color:#7b7b7b;
}
html {
	background-color:#edf1f4;
}


/*    INTRO PAGE    */
#fullscreen {
	position:fixed;
	top:27px;
	left:0;
	z-index:0;
}
.menuIcon {
	position:fixed;
	top:9px; 
	right:18px;
	width:40px;
	height:34px;
	cursor:pointer;
	z-index:200;
	display:none;
}
.menuIcon IMG {
	width:100%;
	height:auto;
}
.menuIntroIcon {
	position:fixed;
	top:9px; 
	right:18px;
	width:40px;
	height:34px;
	cursor:pointer;
	z-index:20;
}
.menuIntroIcon IMG {
	width:100%;
	height:auto;
}

#maximage {
	position:fixed !important;
	display:none;
}
/*.vimeo-video, video {
	left:0;
	position:absolute;
	top:0;
}
*/


.logoContainer {
	position:relative;
	margin:0 auto;
	width: 355px;
	height:220px;
	cursor:pointer;
	z-index:10;
	display:none;
}
.logo-box {
	float:left;
	padding:10px 11px 0 21px;
	position:relative;
	z-index:200;
}
/*.logo_small {
	font-family: 'myriadpro-regular', sans-serif;
	width: 39px; 
	padding-top: 3px; 
	padding-bottom: 5px; 
	font-size: 23px; 
	line-height: 30px;
	color: #c3d0dd;
	height: 22px;
	padding-right: 5px; 
	padding-left: 6px; 
	border: 1px solid #aab7c3;
}
.logo_small:hover {
	color: #aab7c3;
}*/

.logo_small {
	width:52px;
	height:32px;
	background-image:url(../gifs/PLH_LOGO_52x32.png);
	background-repeat:no-repeat;
}
.logo_small:hover {
	background-image:url(../gifs/PLH_LOGO_52x32_hover.png);
	background-repeat:no-repeat;
}
.logo_large {
	position:relative;
	font-family: 'myriadpro-regular', sans-serif;
	width: 270px;
	padding-top: 41px; 
	padding-bottom: 41px;
	font-size: 160px;
	color: #c3d0dd;
	height: 134px;
	padding-right: 41px;
	padding-left: 41px;
	border: 2px solid #c3d0dd;
	z-index:12;
}
.logo_large:hover {
	/*background-color: rgba(118, 136, 160, 0.2);*/
	color: #ffffff;
	border: 2px solid #fff;
}
.introHeader {	
	position:fixed;
	top:0;
	left:0;
	z-index:10;
	width:100%;
	height: 52px;
	background-color:#f7f9fa;
	display:none;
}
.logo {
	float:left;
	font-family: 'myriadpro-regular', sans-serif;
	font-size:23px;
	color:#aabccf;
	padding:17px 0 0 0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.logo span {
	color: #8999af;
}
.fixedLogo {
	position:fixed;
	top:10px;
	left:21px;
	z-index:100;
}


/*  MAIN CONTAINER  */
.container {
	width:100%;
	height:100%;
	padding:0;	
	margin:0;
}
/*.wrapper {
	margin-left:21px;
	margin-right:21px;
	margin-top:90px;
}*/
.header {
	position:fixed;
	top:0;
	left:0;
	z-index:12;
	width:100%;
	height: 52px; 
	background-color:#f7f9fa;
	z-index:99;
}


/*  MAIN NAV  */
.nav {
	float:right;
	padding-right:30px;
	padding-top:17px;
	position:relative;
	z-index:100;
	
}
ul {
	font-family: 'myriadpro-light', lft-etica, sans-serif;
	font-weight: 200;
	list-style: none;
	font-size:16px;
	overflow: hidden;
}
li {
	color:#aabccf;
	height:30px;
	float:left;
}
li a, .dropbtn {
	display:inline-block;
	text-decoration: none;
	padding-bottom:10px;
	padding-left:6px
}
li a:hover, .dropdown:hover, .dropbtn {
   /* background-color:#f7f9fa;*/
	color:#7688a0;
}
li.dropdown {
	display:inline-block;
}
.dropdown-content {
    display: none;
    position: absolute;
    background-color:#f7f9fa;
    min-width: 160px;
	padding-left:6px;
}

.dropdown-content a {
    color: black;
    padding:2px 10px 10px 0;
    text-decoration: none;
    display: block;
    text-align: left;
}

.dropdown-content a:hover {
	background-color:#f7f9fa;
}

.dropdown:hover .dropdown-content {
    display: block;
	color:#7688a0;
	background-color:#f7f9fa;
}
ul li + li {
	padding-left: 9px;
}
/*ul.nav li a:hover {
	color:#7688a0;
}*/
ul li.active a {
	color:#7688a0;
	text-decoration: none;
}

/* ~~ LINKS ~~ */
a:link {
	color: #aabccf;
	text-decoration: none; 
}
a:visited {
	color: #aabccf;
	text-decoration: none;
}
a:hover, a:active, a:focus {
	text-decoration: none;
	color:#7688a0;
}

/*  OVERVIEW THUMBNAILS  */
.content {
	margin:70px 21px 0 21px;
}
/*    THUMBNAILS   */
thumbContent {
	width:100%;
	
}
/*  THUMBNAILS MASONRY    */


.hide {
    visibility: hidden;
    opacity: 0;
}
.item{
	float:left;
	margin:0 0px 1% 0;
	/*opacity: 0;*/
}
.item img {
	display:block;
	width:100%;
	
}

.item,
.grid-sizer {
  width: 10.2%;
}
.gutter-sizer {
    width: 1%;
}
.thumbName {
	padding-top:12px;
}

/**** Transitions for Masonry ****/

.masonry,
.masonry .masonry-brick {
  -webkit-transition-duration: 0.4s;
     -moz-transition-duration: 0.4s;
      -ms-transition-duration: 0.4s;
       -o-transition-duration: 0.4s;
          transition-duration: 0.4s;
}

.masonry {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
      -ms-transition-property: height, width;
       -o-transition-property: height, width;
          transition-property: height, width;
}

.masonry .masonry-brick {
  -webkit-transition-property: left, right, top;
     -moz-transition-property: left, right, top;
      -ms-transition-property: left, right, top;
       -o-transition-property: left, right, top;
          transition-property: left, right, top;
}




/*     GALLERY    */

#ajaxloade {
	position:fixed;
}

.toThumbs {
	position:fixed;
	bottom:8px;
	right:15px;
	width:40px;
	height:40px;
	cursor: pointer;
	z-index:200;
}


.thumbsBack {
	position: fixed;
	cursor: pointer;
	width:100px;
	height:100px;
	bottom:0px;
	left:0px;
	z-index:200;
}


/*     SLIDESHOW    */

.galleryContent {
	margin:65px 15px 15px  15px;
	padding:0;
}
.overgalleryContent {
	margin:52px 15px 10px  15px;
	padding:0;
}
.galleryLeft {
	position:absolute;
	top:0px;
	left:0px;
	z-index:100;
}
.galleryRight {
	position:absolute;
	top:0px;
	right:0px;
	text-align:right;
	z-index:100;
}
.slideContent {
	padding:0;
	width: 100%;
	margin:0 auto;
	position:relative;
}

#gallSlideshow {
    position:relative;
    margin:0 auto;
	top:0;
	/*height: 100%;*/
}
#gallSlideshow DIV {
    position:absolute;
    top:0;
  	left:0;
	text-align: center;
	margin:0 auto;
    z-index:8;
    opacity:0;
	display:inline-block;    
	filter: alpha(opacity=0);
	background-color: #edf1f4;
}
#gallSlideshow DIV.active {
    z-index:10;
    opacity:0.0;
	margin:0 auto;
	filter: alpha(opacity=0);
	background-color: #edf1f4;
	text-align:center;
}
#gallSlideshow DIV.last-active {
    z-index:9;
}
#gallSlideshow DIV IMG {
	padding:0;
	width:auto;
	max-width: 100%;
	height: 100%;
	margin:0 auto;
}
.leftControl {
	cursor: pointer;
	padding-top:0px;
	padding-left: 10px;
	display:none;
}
.rightControl {
	cursor: pointer;
	padding-top:0px;
	padding-right: 10px;
	display:none;
}
.more {
	font-family: 'myriadpro-light', sans-serif;
	font-size: 16px;
	color:#7b7b7b;
	cursor:pointer;
	position:fixed;
	bottom:26px;
	left:21px;
	z-index:200;
}
.back {
	font-family: 'myriadpro-light', sans-serif;
	font-size: 16px;
	color:#7b7b7b;
	cursor:pointer;
	position:fixed;
	bottom:26px;
	right:21px;
}
.gallFooter {
	position:fixed;
	left:15;
	bottom:18px;
	z-index:200;
	width:50%;
	height:25px;
}
.photoCaption {
	width:100%;
	text-align:left;
	font-size:16px;
	
}
.photoCaption p {
	
}

/*     COMMISSIONS    */
.commissionsWrappper {
	margin:52px 15px 10px  15px;
	width:100%;
	height:100%;
	position: relative;
}
.commissionsGalleryContent {
	width:100%;
	height:100%;
	position: relative;
	margin:0;
	padding:0;
}

/*///////   RS  /////////////////////////////////////////////////////////////////////////////////*/

.iconRight {
	position:absolute;
	top: 50%;
	margin-top:-20px;
	right:0px;
	cursor: pointer;
	width:40px;
	z-index:10;
	opacity:0;
}
.iconLeft {
	position:absolute;
	top: 50%;
	margin-top:-20px;
	left:0px;
	cursor: pointer;
	width:40px;
	z-index:10;
	opacity:0;
}

.royalSlider { 
	width: 100%;
	height:100%; 
}
.rsSlide {
	background-color:#edf1f4;
}
.sliderCaption {
	position:absolute;
	left:15;
	bottom:18px;
	z-index:200;
	height:25px;
	font-size:16px;
	text-align:left;
	font-size:16px;
	padding-left:15px;
}

.royalSlider.rsDefault {
	position: absolute !important;
	height: auto !important;
	width: auto !important;
	margin: 0 !important;
	padding: 62px 0 10px 0 !important;
	top: 0 !important;
	left: 0 !important;
	bottom: 0 !important;
	right: 0 !important;
	opacity: 0;
}

#leftpad, #rightpad {
	position: absolute;
	width: 50%;
	height: 100%;
	z-index: 12;
	cursor: pointer;
	cursor: hand;	
}
	
#leftpad {
	top: 0px;
	left: 0px;
}
	
#rightpad {
	top: 0px;
	left: 50%;
}
.preloader {
	position: fixed;
	top: 50%;
	left: 50%;
	margin: -21px 0 0 -21px;
	z-index: 1;
	width: 42px;
	height: 42px;
	z-index:100;
	/*opacity: 0;*/
}

	
/*     FILMS    */
video, object {
	top:0;left:0;
	position:absolute;
}

.films {
	position:relative;
	font-family: 'myriadpro-regular', sans-serif;
	text-align:center;
	width: 355px;
	color: #c3d0dd;
	height: 220px;
	border: 2px solid #c3d0dd;
	z-index:12;
}
.films:hover {
	color:#FFF;
	border: 2px solid #FFF;
}
.films h1 {
	font-size: 101px;
	margin-top:71px; 
}
/* ~~ LINKS ~~ */
.videoMenu a:link {
	color: #566473;
	text-decoration: none; 
}
.videoMenu a:visited {
	color: #566473;
	text-decoration: none;
}
.videoMenu a:hover, a:active, a:focus {
	text-decoration: none;
	color: #0a0d10;
}

/*    FILMS THUMBNAILS  */
.videoMenu {
	position:absolute;
	width:1024px;
	height:635px;
	z-index:10;
	visibility:hidden;	
}
.vidMenuTint {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color: rgba(255, 255, 255, 0.7);
	display:none;
	z-index:10;
}
.videoClose {
	position:absolute;
	top:10px;
	right:10px;
	z-index:20;
	cursor:pointer;
	display:none;
}
.filmsWrapper {
	margin: 50px 50px 0px 50px;
	position:relative;
	z-index:12;
}
.filmsContent {
	
}
/*  FILMS MASONRY    */

.hide {
    visibility: hidden;
    opacity: 0;
}
.filmsItem{
	float:left;
	margin:0 0px 16px 0;
}
.filmsItem img {
	display:block;
	width:100%;
	padding-bottom:7px;
	
}

.filmsItem,
.films-grid-sizer {
  width: 24.1%;
}
.films-gutter-sizer {
    width: 1.2%;
}
.filmsName {
    padding:0;
	font-size:14px;
	line-height:16px;
}

/*     VIDEO SECTION    */
.videoContent {
	margin:0 auto;
	width:960px;
	height:540px;
}

/*.videoWrapper {
	position: relative;
	top:26;
	padding-bottom: 56.25%; 
	padding-top: 26px;
	height: 0;
}*/
/*.videoWrapper */
.iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#page-wrap {
    width: 86%;
    margin: 0 auto;
	margin-top:52px !important;
}
figure { 
	display: block;
	padding: 10px; 
}

.video_link {
margin-top: 20px;
font-size: 11px;
}

.videoFooter {
	position:fixed;
	left:0;
	bottom:30px;
	z-index:100;
	width:100%;
	height:12px;
}
.videoCaption {
	width:100%;
	text-align:center;
	
}
.videoCaption h1 {
	color:#c3d0dd;
}

/*    BIOGRAPHY  */
.biography {
	position:absolute;
	width:100%;
	max-width:1024px;
	height:480px;
	background-color: rgba(255, 255, 255, 0.7);
	z-index:10;	
}
.mentor {
	position:absolute;
	width:100%;
	max-width:1024px;
	height:520px;
	background-color: rgba(255, 255, 255, 0.8);
	z-index:10;	
}


.biographyWrapper {
	margin: 40px 40px 0px 40px;
	position:relative;
	z-index:12;
}
.mentorText {
	float:left;
	width:78%;
	padding-right:2%;
}
.mentorPic {
	float:left;
	width:20%;
}
.mentorPic img {
	width:100%;
	height:auto;
}
.info {
	font-family: 'myriadpro-light', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color:#7688a0;
	text-align:center;
	padding-bottom:30px;
}
.workshops {
	font-family: 'myriadpro-light', sans-serif;
	font-size: 16px;
	line-height: 24px;
	color:#7688a0;
	text-align:left;
	padding-bottom:50px;
}


/*    FULL SCREEN INFO PIC     */

#bg {
	position:fixed; 
	z-index:1; 
	overflow:hidden; 
	top:0px; 
	left:0px;
	display:block;
}

#bgimg {
	display:none;
}

#preloader {
	position:relative; 
	/*z-index:2;*/ 
	width:32px; 
	top:50%; 
	margin:-32px auto;
}





/*     CONTACT SECTION    */

.contact {
	position:absolute;
	width:1157px;
	height:221px;
	font-family: 'myriadpro-light', sans-serif;
	font-size: 22px;
	line-height: 221px;
	color:#7688a0;
	text-align:center;
	z-index:10;
	visibility:hidden;	
}
.contact span {
  display: inline-block;
  vertical-align: middle;
  line-height: normal;
}
.contact1 {
	float:left;
	width:355px;
	height:221px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid #c3d0dd;
	z-index:12;
	margin: 0 40px 0px 0;	
}
.contact1:hover {
	background-color: rgba(255, 255, 255, 0.7);
}
.contact2 {
	float:left;
	width:355px;
	height:221px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid #c3d0dd;
	z-index:12;
	margin: 0 40px 0px 0;	
}
.contact2:hover {
	background-color: rgba(255, 255, 255, 0.7);
}
.contact3 {
	float:left;
	width:355px;
	height:221px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid #c3d0dd;
	z-index:12;
	
}
.contact3:hover {
	background-color: rgba(255, 255, 255, 0.7);
}

.contact a:link {
	color:#7688a0;
	text-decoration: none; 
}
.contact a:visited {
	color:#7688a0;
	text-decoration: none;
}
.contact a:hover, a:active, a:focus {
	text-decoration: none;
	color:#7688a0;
}
.social {
	position:fixed;
	bottom:40px;
	left:40px;
	z-index:200;
}

.social2 {

	padding-top:50px;
}
.twit, .face, .instragram, .pintrest, .in, .houzz {
	float:left;
	padding-right:10px;
}

.reg {
	font-size:12px;
	padding-top:20px;
	color:#666;
	width: 70%;
}
.bite {
	font-size:12px;
	padding-top:50px;
	padding-bottom:100px;
}


/* RESPONSIVE SETTING */

@media (max-width: 1700px) {

	.item,
.grid-sizer {
  width: 11.6%;
}
.gutter-sizer {
    width: 1%;
}

}

@media (max-width: 1200px) {
	.item,
.grid-sizer {
  width: 15.8%;
}
.gutter-sizer {
    width: 1%;
}

.contact {
	/*position:relative;*/
	width:355px;
	height:743px;
	top:40px;
}
.contact1 {
	float:none;
	width:355px;
	height:221px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid #c3d0dd;
	z-index:12;
	margin-right:0px;
	margin: 0 0 20px 0;
}
.contact2 {
	float:none;
	width:355px;
	height:221px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid #c3d0dd;
	z-index:12;
	margin: 0 0 20px 0;
	
}
.contact3 {
	float:none;
	width:355px;
	height:221px;
	background-color: rgba(255, 255, 255, 0.5);
	border: 2px solid #c3d0dd;
	z-index:12;
	
}

}

@media (max-width: 1000px) {
	.item,
.grid-sizer {
  width: 18.8%;
}
.gutter-sizer {
    width: 1.2%;
}

.item{
	float:left;
	margin:0 0px 1.2% 0;
}

@media (max-width: 768px) {
.logo_large {
	     position: relative;
	     font-family: 'myriadpro-regular', sans-serif;
	     width: 134px;
	     padding-top: 20px;
	     padding-bottom: 20px;
	     font-size: 80px;
	     color: #c5d4e2;
	     height: 67px;
	     padding-right: 20px;
	     padding-left: 20px;
	     border: 2px solid #c3d0dd;
	     z-index: 12;
}
.films {
	position:relative;
	font-family: 'myriadpro-regular', sans-serif;
	text-align:center;
	width: 181px;	
	color: #c3d0dd;
	height: 111px;
	border: 2px solid #c3d0dd;
	z-index:12;
	display:none;
}
video {
	display:none;
}
.films h1 {
	font-size: 60px;
	margin-top:30px;
}
.logoContainer {
	position:relative;
	margin:0 auto;
	width: 181px;
	height:111px;
	cursor:pointer;      
	z-index:10;
	display:none;
}

.menuIcon {
	display:block;
}

/*  MAIN NAV  */
.nav {
	display:none;
	float:none;
	position:relative;
	z-index:100;
	width:100vw;
	height: 100vh;
	text-align:center;
	padding-top:12vh;
	background-color:#edf1f4;
}
ul {
	list-style: none;
	font-size:30px;
	line-height:40px;
	padding-top:0;
	padding-left:0px;
}
ul li {
	float:none;
	display: block;
	color:#aabccf;
	height:30px;
}
li a, .dropbtn {
	display:block;
	text-decoration: none;
	padding-left:0;
	margin-bottom:-20px;
}
li a:hover, .dropdown:hover, .dropbtn {
    background-color:#edf1f4;
	color:#7688a0;
}
li.dropdown {
	position:relative;
	display:inline-block;
}
.dropdown-content {
    display: none;
    position: relative;	
	margin:0 auto;	
	text-align:center;
   	background-color:#edf1f4;
    min-width: 70px;
}

.dropdown-content a {
    color:#aabccf;
    margin:0 auto;
	text-align:center;
    text-decoration: none;
    display: block;
    text-align: center;
	padding-left:14px;
	height:18px;
	background-color:#edf1f4;
}

.dropdown-content a:hover {
	background-color:#edf1f4;
}

.dropdown:hover .dropdown-content {
    color:#aabccf;
	background-color:#edf1f4;
}

ul li + li {
	padding-left: 0px;
}
ul li a:hover {
	color:#aabccf;
}
ul li.active a {
	color:#7688a0;
	text-decoration: none;
}


.filmsWrapper {
	margin: 50px 10px 0px 10px;
	position:relative;
	z-index:12;
}
.filmsItem {
	float:none;
}

.filmsItem,
.films-grid-sizer {
  width: 49%;
}
.films-gutter-sizer {
    width: 2%;
}

.videoMenu {
	position:absolute;
	width:100vw;
	height:100vh;
	z-index:10;
	visibility:hidden;	
}
.biographyWrapper {
	margin: 40px 21px 0px 21px;
	position:relative;
	z-index:12;
}

.mentor {
	background-color:transparent;
}

.mentorText {
	float:none;
	width:100%;
	padding-right:0%;
}
.mentorPic {
	float:none;
	width:70%;
	padding-bottom:20px;
}

}






@media (max-width: 600px) {
.nav {	
	padding-top:20vh;
}
	.item,
.grid-sizer {
  width: 32%;
}
.gutter-sizer {
    width: 2%;
}
.item{
	float:left;
	margin:0 0px 2% 0;
}
#bg {
	display:none;
}
.biography {
	background-color:transparent;
}


}