@media only screen and (min-width: 480px), projection and (min-width: 480px) {

}

@media only screen and (min-width: 768px), projection and (min-width: 768px) {

	header h1 {
		font-size: 50px;
		text-align: right;
	}

	header nav ul {
		margin-top: 18px;
	}

	header nav li {
		display: inline-block;
	}

	header nav li a {
		font-size: 26px;
		padding: 20px;
		text-align: left;
		background: none;
		display: inline;
	}

	header nav li:nth-child(2n+2) a {
		background: none;
	}

	header .slogan {
		color: #fff;
		margin: 120px 0 150px 0;
		display: block;
	}

	header .slogan h2 {
		font-size: 70px;
		font-weight: 500;
		text-align: right;
		line-height: 1.4;
	}

	#content h1 {
		font-size: 40px;
	}

	#content article header p {
		font-size: 18px;
	}

	.breadcrumb {
		font-size: 16px;
	}
}