/*
 * 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) {

		.home .logo {
			padding: 0 20px;	
			top: 50px;
		}
		.home .dot:nth-child(3n) {
			display: none;
		}
		.home .entry {
			padding: 0 20px;
			font-size: 18px;
		 	bottom: 18px;
		 	height: calc(50% - 27px);
		 	justify-content: flex-start;
		 	width: 100%;
		}
		.home .entry > div {
			flex: none;
			width: 100%;
		}
		
    }

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

    }