/*
 * Mobile styles & Breakpoints
 * By Funkhaus - 2016
 * www.funkhaus.us
 *
 * @see https://www.emailonacid.com/blog/article/email-development/emailology_media_queries_demystified_min-width_and_max-width
 * (min-width: 1800px) == Greater than or equal to 1800px
 * (max-width: 750px) == Less than or equal to 750px 
 * 
 */


/* 
 * Globals
 */
	.is-mobile .work-block .overlay {

	}


/* 
 * Breakpoints 
 */
    /* Cinema Display and larger */
    @media (min-width: 1800px) {

    }

    /* Smaller than Desktop HD */
    @media (max-width: 1200px) {

    }

    /* Smaller than tablet */
    @media (max-width: 750px) {

		/* Header */		
		#logo {
		 	top: 25px;
		 	left: 20px;
	 	}
	 	#logo .svg {
		 	height: 25px;
		 	width: 87.69px;
	 	}
	 	nav {
		 	top: 24px;
		 	left: auto;
		 	right: 13px;
	 	}
	 	.main-menu {
		 	font-size: 12px;
		 	text-align: right;
	 	}
	 	.main-menu > li > a {
		 	margin: 0 7px;
	 	}
	 	
	 	/* Home */
	 	.home-slideshow {
		 	height: 100dvh;
	 	}
	 	.home-slideshow .arrow.left {
		 	left: 5px;
	 	}
	 	.home-slideshow .arrow.right {
		 	right: 5px;		 	
	 	}
	 	.home-slideshow .meta .line-1 {
		 	font-size: 24px;
	 	}
		.home-slideshow .meta .line-2 {
			font-size: 16px;			
		}
		
		/* Work Grid */
		.work-block,
		.page-archive .work-block {
			width: 100%;
			margin: 0 0 60px 0;
		}
		.work-block .line-1 {
			font-size: 18px;
		}
		.work-block .line-2 {
			font-size: 14px;
		}
		
		/* Bio */
		.bio {
			flex-direction: column;
			margin-top: 100px;
		}
		.bio > .bio-image {
			width: 100%;
			margin: 0;
		}
		.bio > .entry {
			width: 100%;
			margin: 40px 0 0 0;
		}
		
		/* Contact */
		.page-contact .entry {
			padding: 160px 15px 0 15px;
		}
		.page-contact .entry .row:first-child .col {
			margin-bottom: 0;
		}
		
		/* Work Detail */
		.work-detail #logo {
			left: 15px;
			translate: 0;
		}
		.close {
			top: 28px;
			right: 15px;
		 	font-size: 14px;
		}

		
    }

    /* Smaller than tablet and landscape */
    @media (max-width: 750px) and (orientation: landscape){

    }