/* iPads (portrait and landscape) ----------- */
@media screen and (max-width: 1150px) {

}

@media (-webkit-min-device-pixel-ratio: 2), (min-re solution: 192dpi) { 
	#main{
		/*background: #F9F9F9;*/
	}
}

/* iPads (portrait and landscape) ----------- */
@media only screen and (max-width : 1024px) {


}

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

/*	#logo{
		right:		-4.5%;
		top: 		320px;
	}*/

	.vertical{
		font-size: 11px;
	}
}

@media screen and (min-width : 320px) and (max-width : 736px) {
	header{
		height: 		55vh;
	}
	h1{
	    width:          95%;
	    font-size:      32px;
	    line-height:    37px;
	    -webkit-font-smoothing:antialiased;
	    position: 		absolute;
	    /*bottom: 		10%;*/
	    margin-top: 	60%;
	}

	nav{
		margin-top: 	50%;
	}

	.work-item{
		width: 	100%;
		margin: 30px 0 0 0;
	}
r
	.grid1{
		width:   100%;
		float: 	right;
	}
	
	.grid2{
		width:   100%;
	}

	.grid3{
		width:  100%;
	}

	#long1{
		width: 	100%;
		float: 	left;
	}

	.margin-r {
		margin-right: 0;
	}

	#work-title-space{
		display: none;
		height:  0;
	}

	.logo, .signoff{
		display: 	block;
		margin: 	0 auto;
		float: 		none;
		clear: 		both;
	}

	.signoff{
		width: 		100%;
		text-align: center;
		margin-top: 100px;
	}

	.project-caption{
    	opacity:    1;
    }

    .profile-pic{
   /* 	display: 	none;*/
    }
    
    .profile-pic {
    position: relative;
    /* height: 100vh; */
    width: 100%;
    bottom: 9%;
    right: 0;
}

    .index-grid-fix, .index-grid-fix .grid2, .index-grid-fix .grid1{
    	width: 		100%;
    }
 
}





/* Smartphones (portrait and landscape) ----------- */
@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 480px) {
/* Styles */
}

/* Smartphones (landscape) ----------- */
@media only screen 
and (min-width : 321px) {
/* Styles */
}

/* Smartphones (portrait) ----------- */
@media only screen 
and (max-width : 320px) {
/* Styles */
}

/* iPads (portrait and landscape) ----------- */
/*@media only screen and (min-width : 768px) and (max-width : 1024px) {
.copy-wrap{
	width: 		30%;
	float: 		left;
}
}*/



/* iPads (landscape) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
/* Styles */
}

/* iPads (portrait) ----------- */
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
/* Styles */
}

/* Desktops and laptops ----------- */
@media only screen 
and (min-width : 1224px) {
/* Styles */
}

/* Large screens ----------- */
@media only screen 
and (min-width : 1824px) {
/* Styles */
}

/* iPhone 4 ----------- */
@media
only screen and (-webkit-min-device-pixel-ratio : 1.5),
only screen and (min-device-pixel-ratio : 1.5) {
/* Styles */
}