@media (min-width: 320px) and (max-width: 700px) {
	
	.mobile-hide {
		display: none;
	}

	.content-block {
		width: 100%;
	}
	
	h1 {
		font-size: 16px;
		line-height: 16px;
	}
	
	.gap-h2 {
		padding-top: 80px;
		padding-bottom: 80px;
		height: 100%;
	}
	
	.gap h2 {
		width: 80%;
		font-size: 20px;
		line-height: 26px;
		margin-top: 110px;
	}
	
	.logo {
		width: 200px;
		height: 54px;

		margin-bottom: 30px;
		
		-webkit-animation: move-bg 2800ms;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-delay: 1300ms;
		-moz-animation: move-bg 2800ms;
		-moz-animation-fill-mode: forwards;
		-moz-animation-delay: 1300ms;
		animation: move-bg 2800ms;
		animation-fill-mode: forwards;
		animation-delay: 1300ms;		
	
	}
	
	.logo-esc {
		width: 180px;
		height: 54px;
		background-size: 100%;

		
	}

	.logo-digital {
		width: 20px;
		height: 54px;
		background-size: 100%;
		
		-webkit-animation: move-right 1s;
		-webkit-animation-fill-mode: forwards;
		-webkit-animation-delay: 1s;
		-moz-animation: move-right 1s;
		-moz-animation-fill-mode: forwards;
		-moz-animation-delay: 1s;
		animation: move-right 1s;
		animation-fill-mode: forwards;
		animation-delay: 1s;

	}
	
	.content-block-left,
	.content-block-right {
		float: none;
		width: 90%;
		margin: 0 auto;
		text-align: center;
	}
	
	
	.content-block img {
		width: 80%;
		height: auto;
	}
	
	.arrow-link.black {
		width: 30px;
		height: 30px;
		margin-top: 150px;
	}
	
	#office {
		padding-top: 20%;
	}
	
	#skrollr-body {
		width: 100%;
	}
	
}