/* SMALL SCREENS */
@media only screen and (max-width: 1280px) {
	
.grid-item {
 
  width: 25%;
  height: 320px;

}

}

/* TABLETS ON PORTRAITS */
@media only screen and (max-width: 1120px) {	

h1 { font-size: 88px; line-height: 102px; }
h2 { font-size: 62px; line-height: 74px; }
h3 { font-size: 38px; line-height: 48px; }
h4 { font-size: 24px; line-height: 32px; }
h5 { font-size: 18px; line-height: 26px; }
h6 { font-size: 15px; line-height: 22px; }

.grid-item {
 
  width: 25%;
  height: 320px;

}
	.grid-item-small {
  float: left;
  width: 50%;
  height: 400px;
  border-color: hsla(0, 0%, 0%, 0.7);
	background-size:cover;
	background-position: center center;
	 opacity: 0.2;
	filter: grayscale(100%);
  
}
}



/* Small Tablets*/
@media only screen and (max-width: 860px) {
    .tilt:hover{

	cursor: pointer;
-webkit-box-shadow: 0px 0px 33px 5px rgba(0,0,0,0.75);
-moz-box-shadow: 0px 0px 33px 5px rgba(0,0,0,0.75);
box-shadow: 0px 0px 33px 5px rgba(0,0,0,0.75);
transform: translateZ(0px) ;
	z-index: 99;
	transform: perspective(0px);
    -webkit-transition: opacity 200ms ease-in-out , border 200ms ease-in-out;
  -moz-transition: opacity 200ms ease-in-out, border 200ms ease-in-out;
  -o-transition: opacity 200ms ease-in-out, border 200ms ease-in-out;
  transition:  opacity 200ms ease-in-out, border 200ms ease-in-out;
  
}

h1 { font-size: 72px; line-height: 86px; }
h2 { font-size: 48px; line-height: 60px; }
h3 { font-size: 28px; line-height: 38px; }
h4 { font-size: 20px; line-height: 28px; }
h5 { font-size: 16px; line-height: 24px; }
h6 { font-size: 14px; line-height: 20px; }
.grid-item {
 
  width: 50%;
  height: 340px;

}

}


/* Smartphones*/
@media only screen and (max-width: 640px) {

h1 { font-size: 56px; line-height: 66px; }
h2 { font-size: 34px; line-height: 44px; }
h3 { font-size: 24px; line-height: 32px; }
h4 { font-size: 18px; line-height: 26px; }
h5 { font-size: 16px; line-height: 24px; }
h6 { font-size: 14px; line-height: 20px; }
	
	.grid-item {
 
  width: 100%;
  height: 400px;
	

}

		.grid-item-small {
  float: left;
  width: 100%;
  height: 400px;
  border-color: hsla(0, 0%, 0%, 0.7);
	background-size:cover;
	background-position: center center;
	 opacity: 0.2;
	filter: grayscale(100%);
  
}

}