@media (min-width: 768px) {
	.hero-highlight { background-position-y: 100%; }
	.intro { min-height: 400px; }
	.login { margin-right: 1.5rem; }
}

@media (min-width: 992px) {
	.local { margin-top: 28px; }
	.login { margin-right: 2rem; }
}

@media (min-width: 1200px) {
	.local { margin-top: 33px; }
	.login { margin-right: 1.5rem; }
}

@media (min-width: 1280px) {
	.hero-highlight { background-position-y: 100%; }
	.intro { min-height: 400px; }
	.local { margin-top: 33px; }
	.login { margin-right: 1rem; }
}

@media (min-width: 1336px) {
	.hero-highlight { background-position-y: 100%; }
	.intro { min-height: 430px; }
	.local { margin-top: 37px; }
	.login { margin-right: 0; }
}

@media (min-width: 1440px) {
	.hero-highlight { background-position-y: 100%; }
	.intro { min-height: 500px; }
	.local { margin-top: 40px;, right: 4%; }
}

@media (min-width: 1536px) {
	.hero-highlight { background-position-y: 90%; }
	.intro { min-height: 510px; }
	.logo { max-width: 420px; }
	.local { right: 10%; }
}

@media (min-width: 1680px) {
	.hero-highlight { background-position-y: 90%; }
	.intro { min-height: 570px; }
}

@media (min-width: 1920px) {
	.hero-highlight { 
		background: #99c0af url("/images/hero-twinklestar-1600x1000@2x.jpg") no-repeat scroll center;
        background-position-y: 90%;
        background-size: cover;
    }
	.hero-highlight-superhero { 
		background: #99c0af url("/images/hero-superhero2-1600x1000@2x.jpg") no-repeat scroll center;
        background-position-y: 90%;
        background-size: cover;
    }
	.intro { min-height: 670px; }
}

@media (min-width: 2500px) {
	.hero-highlight {
        background-position-y: 90%;
    }
	.intro { min-height: 1000px; }
}