/* large
================================================== */
@media screen and (min-width:1380px){
	.menu {right: -20%; width: 20%;}
}/*/mediaquery*/


/* 1024
================================================== */
@media screen and (max-width:1023px){
	.mobile {display: inline-block;}
	#nav {display: none;}
	.about-text article {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
	ul.social {margin: 24px auto;}
	.social img {height: 42px; width: 42px;}
}/*/mediaquery*/

/*------------------max-width 900------------------*/
@media screen and (max-width:900px){
	.margin {padding: 0px 42px;}
	#nav{margin: 14px 42px 0;}
}/*/mediaquery*/

/*------------------------------max-width 800------------------------------*/

@media screen and (max-width:800px){
	.margin {padding: 0px 36px;}
	#nav{margin: 14px 36px 0;}
}/*/mediaquery*/

/*------------------------------max-width 650------------------------------*/

@media screen and (max-width:650px){
	.margin {padding:0 24px;}
	#nav{margin: 14px 24px 0;}
	.project-intro article, article.project-info.column-2 {-webkit-column-count: 1; -moz-column-count: 1; column-count: 1; -webkit-column-gap: 0; -moz-column-gap: 0; column-gap: 0;}
	.work p{display:none;}
}/*/mediaquery*/

/*------------------------------max-width 550------------------------------*/

@media screen and (max-width:550px){
	.menu {right: -100%; width: 100%;}
	.margin {padding:0 18px;}
	#nav{margin: 14px 18px 0;}
	.work ul{display:none;}
	.element-item {width: 100%; padding-bottom: 66.6666%;}
	.gutter-sizer {width: 1.8%;}
	.sidebar, .about-text {width: 100%; margin-bottom: 0; padding-bottom:0;}
	.sidebar-clear:after {content: ""; display: table; clear: both;}
	.about figure {width: 60%; padding: 0 0 60%; margin: 0 auto;}
	.about-text {margin: 0;}
	#work-projects{margin-top: 0px;}
}
}/*/mediaquery*/

/*------------------------------max-width 400------------------------------*/

/*------------------------------device specific------------------------------*/

/*iPhone 6 (portrait) -------------*/
@media only screen 
	and (min-device-width: 750px) 
	and (max-device-width: 1334px) 
	and (orientation : portrait) { 
		#search-icon{display:none;}
	/* Styles */
}


@media only screen and (-webkit-min-device-pixel-ratio: 1) {

	body{
		background: url("../images/background-repeat@2x.jpg") repeat;
		background-size:101px auto;		
	}
	
	.retina-safari article.thumb-article{
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
	}

	.retina-safari article.thumb-article:hover{
		-webkit-transform: none;
		-moz-transform: none;
		-ms-transform: none;   
		 transform: none; 
	}
	
	.retina-safari article.thumb-article.mellow:hover{
		-webkit-transform: none;
		-moz-transform: none;
	}
	
	.retina-safari a img.side-project:hover{
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
	}
	
	.retina-safari .showcase-nav img.arrow {
		transition: none;
		-moz-transition: none;
		-webkit-transition: none;
	}
	
	.retina-safari a img{
		-moz-transition: none;
		-webkit-transition: none;
		transition: none;
	}
	
}/*/mediaquery*/

@media
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) { 
  
	.dropcap {background-image:url("../images/dropcap-frame@2x.png");}
	.pin-it {background-image:url("../images/pin-it@2x.png");}
	body {background-image:url("../images/background2x.png") repeat;}
}/*/mediaquery*/