.dead p {
	visibility:hidden;
}


/*************************************************************************************************************
GLOBAL
*************************************************************************************************************/
.preloader {
   position: absolute;
   top: 0;
   left: 0;
   width: 100%;
   height: 100%;
   z-index: 9999;
   background-color: #fff;
   display: table;
}

.preloader-image {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
}

.preloader-image img {
	width: 80px;
}



body {
    font-family: "Apple Garamond", sans-serif;
    margin: 0;
    font-weight: 300;
	background: #fff;
}

body, html {height: 100%}

body.dark {
	background: #000;
}

body.darkGrey {
	background: #454545;
}



hr.hr-white {
	border:1px #fff solid;
	margin: 0;
}

hr.hr-black {
	border:1px #000 solid;
	margin: 0;
}

/*************************************************************************************************************
NAV
*************************************************************************************************************/




.backNext a {
	color: rgba(0, 0, 0, 0);
}


.backNext .backHover-content a {
  color: #fff;
}



/*************************************************************************************************************
h1 - h6 - p
*************************************************************************************************************/

h1 {
  	font-family: "Apple Garamond", serif; 
  	font-weight: 300;
	font-size: 120px; 
    line-height: 110px;
  	letter-spacing: -4px;
	color: #000;
	margin: 0;
}


.h1-small, .h1-small-white {
	margin: 80px 0 80px 0;
}
.h1-small, .h1-small span  {
		color: #000;
}

.h1-small-white, .h1-small-white span  {
	color: #fff;
}

.h1-small a {
    position: relative;
    box-shadow: inset 0 -0.1em white, inset 0 -0.15em #000;
    text-shadow: -2px -2px white, -2px 2px white, 2px -2px white, 2px 2px white;
}

.h1-white {
	color: #fff;
}

h1 span {
	font-family: "Arial Narrow", sans-serif; 
  	font-weight: normal;
	font-size: 108px; 
  	line-height: 120px;
  	letter-spacing: -3px;
    color: #000;
}

h1 span.gara-italic {
	font-family: "AppleGaramondLight-Italic", sans-serif; 
  	font-weight: normal;
	font-size: 108px; 
  	line-height: 120px;
  	letter-spacing: -3px;
    color: #000;
}

.h1-white span {
	color: #fff;
}




h2 {
  	font-family: "Apple Garamond", serif; 
  	font-weight: 300;
  	font-size: 58px; 
  	line-height: 54px;
	letter-spacing: -0.8px;
    color: #000;
	margin-top:30px;
}

.h2-white {
	color: #fff;
	margin-top:30px;

}

.h2-white span {
	color: #fff;
}

h2.large {
	  	font-size: 58px; 
		line-height: 54px;
}





h2 a, .h2-white a, .h2-small a  {
  	font-family: "Arial Narrow", sans-serif; 
  	font-weight: normal;
  	letter-spacing: -0.8px;
  	font-size: 48px; 
  	line-height: 44px;
}

h2 span {
  	font-family: "Arial Narrow", sans-serif; 
  	font-weight: normal;
  	letter-spacing: -0.8px;
  	font-size: 48px; 
  	line-height: 44px;
  	color: #000;
}

.h2-small-white  {
  	font-size: 48px; 
	color: #fff;
	line-height: 48px;
}

.h2-small-white span  {
  	font-size: 44px; 
	color: #fff;
}


h3 {
  	font-family: "Apple Garamond", serif; 
  	font-weight: 300;
	letter-spacing: -0.6px;
  	font-size: 30px; 
  	line-height: 32px;
    color: #000;
	margin-top:0px;
}

h3 span {
	
  	font-family: "Arial Narrow", sans-serif; 
  	font-weight: normal;
  	letter-spacing: -0.2px;
  	font-size: 27px; 
  	line-height: 30px;
    color: #000;
	margin-top:0px;
	
}


h4 {
  	font-family: "Favorit", sans-serif; 
  	font-weight: 300;
  	letter-spacing: 0.6px;
  	font-size:16px;	
	line-height:20px;
    color: #000;
	margin-top: 0;
	text-transform: uppercase;
}

.h4-white {
	color: #fff;
}


h5 {
  	font-family: "Arial Narrow", sans-serif; 
  	font-weight: normal;
  	letter-spacing: 0px;
  	font-size: 20px; 
  	line-height: 24px;
    color: #000;
	margin-top:0px;
	text-transform: none;
}

.h5-white {
	color: #fff;
}

.homeTicker h5 {
	font-size: 18px;

}


h5.project-grid-head {
	text-align: center;
	font-size: 18px;
	margin-left:-21px;
}

h5.project-grid-copy {
	font-size: 18px; 
	line-height: 18px;
	height: 20px;
}

h5.more-projects-head {
	text-align: center;
	font-size: 18px; 
}

h5.more-projects-copy {
	font-size: 18px; 
	line-height: 18px;
}



h5 span {
  	font-family: "Favorit", sans-serif;
  	font-size:15px;	
	line-height:16px;
    font-weight: 300;
  	letter-spacing:0.5px;
  	color:#000;
	text-transform: uppercase;
}

h6 {
  	font-family: "Favorit", sans-serif; 
  	font-weight: 300;
  	letter-spacing: 0.6px;
  	font-size:14px;	
	line-height:14px;
    color: #000;
	margin-top: 0;
	text-transform: uppercase;
}


p {
  	font-family: "Arial Narrow", sans-serif; 
  	font-weight: normal;
  	letter-spacing: -0.2px;
  	font-size: 20px; 
  	line-height: 26px;
    color: #000;
	margin-top:0px;
	margin-bottom: -10px;
}

.p-white {
	color:#fff;
}

p span {
  	font-family: "Apple Garamond", serif; 
  	font-weight: 300;
	letter-spacing: 0px;
  	font-size: 22px; 
  	line-height: 26px;
    color: #000;
}

p a {
		font-family: "Apple Garamond", serif; 
		font-size: 23px;
}


/*************************************************************************************************************
NAV - BLACK
*************************************************************************************************************/
.header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    transition: background-color 0.5s ease;
}


.header--alt {
    mix-blend-mode: difference;
}


.header .header_content {
    padding: 20px 20px;
}

.logo {
    position: fixed;
    left: 50%;
	z-index:99;
	top:20px;
	margin-top:-5px!important;
	margin-left:-40px!important;
}

.logo img {
	width:80px;
}

a.logo img:last-child {
  display: none;  
}
a.logo:hover img:last-child {
  display: block;  
}
a.logo:hover img:first-child {
  display: none;  
}

.header nav {
    overflow: hidden;
    text-decoration: none;
	text-transform: uppercase;
  	font-family: "Favorit", sans-serif; 
  	font-weight: 300;
  	font-size:16px;	
	line-height:16px;
  	text-align:center;
}

.header nav .nav-left {
    float: left;
}

.header nav .nav-right {
    float: right;
}

.header nav a {
    color: #000;
}


.header--alt .logo {

}


.header--alt nav a {
	color: #fff;
}


/*************************************************************************************************************
NAV - WHITE
*************************************************************************************************************/
.white-header {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10;
    transition: background-color 0.5s ease;
}

.white-header--alt {
    mix-blend-mode: difference;
}

.white-header .white-header_content {
    padding: 20px 20px;
}

.white-header .white-logo {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    color: #fff;
    text-decoration: none;
	text-transform: uppercase;
  	font-family: "Favorit", sans-serif; 
  	font-weight: 300;
  	font-size:16px;	
	letter-spacing: 0.6px;
	margin-top:-5px!important;
}

.white-header nav {
    overflow: hidden;
    text-decoration: none;
	text-transform: uppercase;
  	font-family: "Favorit", sans-serif; 
  	font-weight: 300;
  	font-size:16px;	
	line-height:16px;
  	text-align:center;
}

.white-header nav .white-nav-left {
    float: left;
}

.white-header nav .white-nav-right {
    float: right;
}

.white-header nav a {
    color: #fff;
}

.white-header--alt nav a {
    color: #fff;
}

/*************************************************************************************************************
BACK / NEXT
*************************************************************************************************************/

h4.back {
    margin: 0 auto;
  	vertical-align: middle;
	line-height:16px;
}


h4.next {
  	vertical-align: middle;
    margin: 0 auto;
	line-height:16px;
}


/* The container <div> - needed to position the dropdown content */
.backHover {
	display: inline-block;
	bottom: 20px;
	left: 20px;
	position: fixed;
	z-index: 99;
}

/* Dropdown Content (Hidden by Default) */
.backHover-content {
  display: none;
  position: absolute;
  min-width: 330px;
  margin-top:-75px;
  margin-left: 20px;
}

/* Links inside the dropdown */
.backHover-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size:28px;
  line-height:28px;
}

.backHover-content a span {
	font-family: 'Arial Narrow';
}

/* Change color of dropdown links on hover */
.backHover-content a:hover {}

/* Show the dropdown menu on hover */
.backHover:hover .backHover-content {display: block; }




/* The container <div> - needed to position the dropdown content */
.nextHover {
	display: inline-block;
	bottom: 20px;
	right: 20px;
	position: fixed;
	z-index: 99;
}

/* Dropdown Content (Hidden by Default) */
.nextHover-content {
  display: none;
  position: absolute;
  min-width: 280px;
  margin-top:-75px;
  margin-left:-280px;
}

/* Links inside the dropdown */
.nextHover-content a {
  color: black;
  padding: 12px 16px;
  text-decoration: none;
  display: block;
  font-size:28px;
  line-height:28px;
}

.nextHover-content a span {
	font-family: 'Arial Narrow';
}

/* Change color of dropdown links on hover */
.nextHover-content a:hover {}

/* Show the dropdown menu on hover */
.nextHover:hover .nextHover-content {display: block; }



/*************************************************************************************************************
INTROS
*************************************************************************************************************/

.intro-headline {
	margin:60px 0 60px 0;
}

.links-top {
	 border-bottom: 2px #fff solid;
	 padding-bottom: 20px;
}

.links-top-black {
	padding-bottom: 20px;
	 border-bottom: 2px #000 solid;
}

.links-bottom {
	 margin-top:20px;
	 margin-bottom:20px;
}

.intro-para {
	margin: 0px 0px 120px 0;
}

.intro-para-project {
	margin: 120px 0px 120px 0;
}


/*************************************************************************************************************
MORE PROJECTS
*************************************************************************************************************/
.more-projects {
	border-top: 2px solid #000;
	border-bottom: 2px solid #000;
}

.more-projects-head {
	margin-top: 35px;
	margin-bottom: 35px;
}

.more-projects-row {
	margin-left:-15px;
}

.more-projects-img {
	border-radius: 10px;
	margin-bottom: 10px;
}

.project-grid-head {
	margin-top: 35px;
	margin-bottom: 35px;
}


.more-projects-item {
	width: 25%;
	float: left;
    padding-right: 15px;
    padding-left: 15px;
	margin-bottom:30px;
}

@media (max-width: 768px) { 
	.more-projects-item {
		width: 49%;
		float: left;
	    padding-right: 20px;
	    padding-left: 20px;
	}
	
	.more-projects-row {
		margin-left:0px;
	}
	
}

/*************************************************************************************************************
CONTACT FOOTER
*************************************************************************************************************/
.contact-footer {
	padding:60px 0 35px 0;
	background:#fff;
}


.contact-footer-2 {
	border-top: 2px #000 solid;
	padding-top: 40px;
	padding-bottom:10px;
	background:#fff;
}

.contact-footer-3 {
	border-top: 2px #000 solid;
	padding-top: 28px;
	background:#fff;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
}

li {
  float: left;
}

li.contact-item2 {
	margin-left:80px;
}

.contact-footer-row1 {
}

.contact-footer-row1 h1 {
	margin-top: 0;
	margin-bottom: 0;
	color:#000;

}
.contact-footer-row2 {
}

h1.contact-chat {
	color:#000;
	width:38%;
	float: left;
	margin-bottom: 0;
}

h1.contact-email {
	width:60%;
	font-family: "Arial Narrow", sans-serif; 
  	font-weight: normal;
	font-size: 108px; 
  	line-height: 120px;
  	letter-spacing: -4px;
    color: #fff;
	float: left;
	margin-left:-20px;
	margin-bottom: 0;
}

@media (max-width: 1400px) {
	
	h1.contact-email {
		margin-top:-10px;
	}
	h1.contact-chat {
		width:100%;
	}
	
	h1.contact-email {
		width:100%;
	}
}
@media (max-width: 1278px) {
	h1.contact-chat {
		width:100%;
	}
	
	h1.contact-email {
		width:100%;
	}
}

@media (max-width: 768px) { 
	h1.contact-email {
		font-size: 100px; 
	  	line-height: 100px;
				width:100%;
	}
}




.tooltip {
  position: relative;
  display: inline-block;
}

.tooltip .tooltiptext {
  visibility: hidden;
  background-color: #fff;
  color: #000;
  text-align: center;
  border-radius: 20px;
  border: 2px #000 solid;
  position: absolute;
  z-index: 1;
  bottom: 100%;
  left: 50%;
  margin-left: -125px;
  opacity: 0;
  transition: opacity 0.3s;
  font-size:18px;
  letter-spacing: 0;
  line-height:18px;
  width: 300px;
  height: 60px;
  padding-top:20px;
}

button {
	letter-spacing:-4px!important;
}

.tooltip .tooltiptext::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -5px;
  border-width: 5px;
  border-style: solid;
  border-color: #000 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
  opacity: 1;
}

/*************************************************************************************************************
BACKGROUND IMAGES
*************************************************************************************************************/

.bgimg, .bgimg2 {
  min-height: 100%;
  background-position: center;
  background-size: cover;
}


.fullBGImage {
	display: table;
	width:100%;
}



/*************************************************************************************************************
PROJECT CONTENT CONTAINERS
*************************************************************************************************************/

.project-0 {
	padding: 0px;
}

.project-top-10 {
	padding-top: 10px;
}

.project-top-40 {
	padding-top: 40px;
}

.project-top-40-bottom-40 {
		padding-top: 40px;
		padding-bottom: 40px;
}

.project-top-40-bottom-140 {
		padding-top: 40px;
		padding-bottom: 140px;
}


.project-top-70 {
	padding-top: 70px;
}

.project-top-70-bottom-120 {
	padding-top: 70px;
	padding-bottom:120px;
}



.project-top-90 {
	padding-top: 90px;
}

.project-top-90-bottom-70 {
		padding-top: 90px;
		padding-bottom: 70px;
}


.project-top-90-bottom-180 {
		padding-top: 90px;
		padding-bottom: 180px;
}


.project-top-120 {
	padding-top: 120px;
}



.project-top-120-bottom-120 {
	padding-top: 120px;
	padding-bottom:120px;
}
.project-top-120-bottom-180 {
	padding-top: 120px;
	padding-bottom:180px;
}


.project-top-140 {
	padding-top: 140px;
}

.project-top-140-bottom-90 {
	padding-top: 140px;
	padding-bottom:90px;
}


.project-top-140-bottom-140 {
	padding-top: 140px;
	padding-bottom:140px;
}



.project-top-140-bottom-160 {
	padding-top: 140px;
	padding-bottom:160px;
}



.project-top-180 {
	padding-top: 180px;
}

.project-top-240 {
	padding-top: 240px;
}

.project-top-180-bottom-70 {
	padding-top: 180px;
	padding-bottom:70px;
}

.project-top-180-bottom-90 {
	padding-top: 180px;
	padding-bottom:90px;
}

.project-top-180-bottom-140 {
	padding-top: 180px;
	padding-bottom:140px;
}

.project-top-180-bottom-180 {
	padding-top: 180px;
	padding-bottom:180px;
}

.project-top-200-bottom-140 {
	padding-top: 200px;
	padding-bottom:10px;
}




.project-top-180-bottom70 h2 {
	margin-right: 20px;
}


.project-0 h2, .project-top-140 h2, .project-top-180-bottom70 h2 {
	margin-top: 20px;
}

/*************************************************************************************************************
THREE UP
*************************************************************************************************************/
.center-trio{
	margin: 0px 110px;
}

.three-up-left {
	padding-right:20px;
	
}

.three-up-center {
	padding-left:10px;
	padding-right:10px;
}

.three-up-right {
	padding-left:20px;
}




.center-trio-big {
	margin: 0px 80px;
}

.three-up-left-big {
	padding-right:20px;
	margin-right:40px;	
}

.three-up-center-big {
	padding-left:10px;
	padding-right:10px;
	margin-left:20px;
	margin-right:20px;
}

.three-up-right-big {
	padding-left:20px;
	margin-left:40px;
}

/*************************************************************************************************************
FOUR UP
*************************************************************************************************************/


.four-up-left {
	margin-right:22px;
}

.four-up-center-left {
	margin-left:8px;
	margin-right:14px;
}

.four-up-center-right {
	margin-left:14px;
	margin-right:8px;
}

.four-up-right {
	margin-left:22px;
}


img.half-half {
	padding-right:0px;
}

/*************************************************************************************************************
CAROUSEL
*************************************************************************************************************/

.mySlides {display:none;}

.arrow-wide-left,.arrow-wide-right {
	padding-top:900px!important;
}

.arrow-head-left,.arrow-head-right {
	padding-top:900px!important;
}

.arrow-tall-left,.arrow-tall-right {
	padding-top:900px!important;
}


.p-carousel {
	color:#fff;
	padding-left: 40px;
    height: 950px;
    display: flex;                   /* defines flexbox */
  	align-items: flex-end; 
}

.p-carousel-bodyhair {
	color:#000;
	padding-left: 40px;
    height: 880px;
    display: flex;                   /* defines flexbox */
  	align-items: flex-end; 
}



.p-carousel-wide {
	color:#fff;
	padding-top: 40px;
}

.carousel-mod {
	display:table;
	width:100%;
}




/*************************************************************************************************************
PROJECT GRID ANIMATION
*************************************************************************************************************/

.currently-wrapper{
	position: relative;
	height: 40px;
	margin-bottom: 15px;
}

.currently-sentence{
	margin: 0;
	font-family: "Arial Narrow", sans-serif; 
	font-weight: normal;
	letter-spacing: 0px;
	font-size: 18px;
	line-height: 18px;
	color: #000;
	text-transform: none;	
}

.currently-sentence span{
    font-family: "Favorit", sans-serif;
    font-size: 15px;
    line-height: 16px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #000;
    text-transform: uppercase;
}

.currently-words{
	display:inline;
}

.currently-words-1 span{
	position: absolute;
	opacity: 0;
	overflow: hidden;
	color: #000;
	text-align: center;
	margin: 0 auto;
	width: 100%;
	-webkit-animation: rotateWord 30s linear infinite 0s;
	-ms-animation: rotateWord 30s linear infinite 0s;
	animation: rotateWord 30s linear infinite 0s;
}

.currently-words-1 span:nth-child(2) { 
    -webkit-animation-delay: 5s; 
	-ms-animation-delay: 5s; 
	animation-delay: 5s; 
	color: #000;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}
.currently-words-1 span:nth-child(3) { 
    -webkit-animation-delay: 10s; 
	-ms-animation-delay: 10s; 
	animation-delay: 10s; 
	color: #000;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.currently-words-1 span:nth-child(4) { 
    -webkit-animation-delay: 15s; 
	-ms-animation-delay: 15s; 
	animation-delay: 15s; 
	color: #000;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.currently-words-1 span:nth-child(5) { 
    -webkit-animation-delay: 20s; 
	-ms-animation-delay: 20s; 
	animation-delay: 20s; 
	color: #000;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

.currently-words-1 span:nth-child(6) { 
    -webkit-animation-delay: 25s; 
	-ms-animation-delay: 25s; 
	animation-delay: 25s; 
	color: #000;
	text-align: center;
	width: 100%;
	margin: 0 auto;
}

@-webkit-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; }
	3% { opacity: 1; }
    18% { opacity: 1; }
	19% { opacity: 0; }
    100% { opacity: 0; }
}

@-ms-keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; }
	3% { opacity: 1; }
    18% { opacity: 1; }
	19% { opacity: 0; }
    100% { opacity: 0; }
}

@keyframes rotateWord {
    0% { opacity: 0; }
    2% { opacity: 0; }
	3% { opacity: 1; }
    18% { opacity: 1; }
	19% { opacity: 0; }
    100% { opacity: 0; }
}


/*************************************************************************************************************
FOR 4 SENTENCES IN ROTATING WORD
    0% { opacity: 0; }
    1% { opacity: 0; }
	3% { opacity: 1; }
    18% { opacity: 1; }
	20% { opacity: 0; }
    100% { opacity: 0; }
*************************************************************************************************************/
/*************************************************************************************************************
PROJECT GRID - TILES
*************************************************************************************************************/
div#preload {
    display: none;
}

.project-grid {
	border-top: 2px solid #000;
	padding-bottom: 20px;
	background:#fff;
}

/*.project-grid-row {
	margin-left:-20px;
}*/

.project-grid-img {
	margin-bottom: 10px;
	border-radius: 10px;
}

video.project-grid-vid {
	width:100%;
	border-radius: 10px;
	margin-bottom: 4px;
	margin-top:-2px;
}



.thumb-7 img {
	margin-top:-12px;
	margin-left:-10px;
}


.thumb-9 img {
	margin-top:-12px;
	margin-left:-10px;
}

.thumb-13 img {
	margin-top:-12px;
	margin-left:-10px;
}

.thumb-14 img {
	margin-top:-12px;
	margin-left:-10px;
}

.thumb-16 img {
	margin-top:-12px;
	margin-left:-10px;
}

.thumb-18 img {
	margin-top:-12px;
	margin-left:-10px;
}

.thumb-19 img {
	margin-top:-12px;
	margin-left:-10px;
}

/*THUMB 1**/
.coming-soon-thumb-3:hover a h5 {
	display:none;
}

.coming-soon-thumb-3:hover a:after {
	content:"Coming Soon";
	font-family: "Favorit", sans-serif;
	font-size: 15px;
	line-height:10px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #000;
    text-transform: uppercase;
} 

.coming-soon-thumb-3 a:hover img {
    content: url('../img/thumb_3_nike.jpg');
}

.coming-soon-thumb-3 a img {
	margin-top:-12px;
	margin-left:-10px;
}




/*THUMB 4**/
.coming-soon-thumb-6:hover a h5 {
	display:none;
}

.coming-soon-thumb-6:hover a:after {
	content:"Coming Soon";
	font-family: "Favorit", sans-serif;
	font-size: 15px;
	line-height:10px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #000;
    text-transform: uppercase;
} 

.coming-soon-thumb-6 a:hover img {
    content: url('../img/thumb_6_lepuzz.gif');
}

.coming-soon-thumb-6 a img {
	margin-top:-12px;
	margin-left:-10px;
}

/*THUMB 6**/

.coming-soon-thumb-14:hover a h5 {
	display:none;
}

.coming-soon-thumb-14:hover a:after {
	content:"Coming Soon";
	font-family: "Favorit", sans-serif;
	font-size: 15px;
	line-height:10px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #000;
    text-transform: uppercase;
} 

.coming-soon-thumb-14 a:hover img {
    content: url('../img/thumb_14_megafauna.jpg');
}

.coming-soon-thumb-14 a img {
	margin-top:-12px;
	margin-left:-10px;
}



/*THUMB 8**/
.coming-soon-thumb-17:hover a h5 {
	display:none;
}

.coming-soon-thumb-17:hover a:after {
	content:"Coming Soon";
	font-family: "Favorit", sans-serif;
	font-size: 15px;
	line-height:10px;
    font-weight: 300;
    letter-spacing: 0.5px;
    color: #000;
    text-transform: uppercase;
} 

.coming-soon-thumb-17 a:hover img {
    content: url('../img/thumb_17_bagggy.jpg');
}

.coming-soon-thumb-17 a img {
	margin-top:-12px;
	margin-left:-10px;
}





.project-grid-img-soon {
}



.project-grid-head {
	margin-top: 35px;
	margin-bottom:10px;
}


.project-grid-copy2 {
	position:absolute;
	top:2px;
	font-size: 18px;
	line-height: 18px;
}

@media (max-width: 920px) { 
	.project-grid-copy2 {
		font-size: 17px;
		line-height: 15px;
	}
	
	.project-grid-copy2 span {
		font-size: 14px;
		line-height: 14px;	
	}
}

.project-grid-copy2 h5 span {
	line-height: 15px;	
}



.currently-working-on {
	position:relative;
}

.project-grid-item {
	width: 20%;
	float: left;
    padding-right: 15px;
    padding-left: 15px;
	margin-bottom:10px;
}


@media (max-width: 849px) {
	.project-grid-item {
		height:150px;
	}
} 

@media (max-width: 768px) { 
	.project-grid-item {
		width: 49%;
		float: left;
	    padding-right: 10px;
	    padding-left: 10px;
		height:270px;
	}
	
	.project-grid-row {
		margin-left:-1px;
	}
}


@media (max-width: 500px) {
	.project-grid-item {
		height:180px;
	}
} 

@media (max-width: 414px) {
	.project-grid-item {
		height:170px;
	}
	.currently-wrapper{
		height: 60px;
	}
} 

@media (max-width: 375px) {
	.project-grid-item {
		height:160px;
	}
} 


@media (max-width: 320px) {
	.project-grid-row {
	    margin-left: -10px;
	    margin-right: -20px;
	}
}