/***** HEADER *****/
.chevron {
	display:none;
    width: 100%;
    height: 160px;
    position: absolute;
    z-index: 100;
    top: auto;
    bottom: 0;
}
    .chevron a {
        width: 100%;
        display: block;
        padding: 0;
        border: none;
    }

        .chevron a img {
            margin: 0 auto;
            display: block;
            width: auto;
            height: 120px;

            transform: translate(0, 0px);
            opacity: 0.0;

/*              name     duration timing-function delay     iteration-count direction fill-mode play-state */
            animation: 
                pulse    1.25s       linear          1s        infinite        forwards,
                nudge    1.25s       linear          1s        infinite        forwards;
        }
            @keyframes pulse {
              0% {
                opacity: 0.0;
              }
              100% {
                opacity: 1.0;
              }
            }
            @keyframes nudge {
              0% {
                transform: translate(0, 0px);
              }
              100% {
                transform: translate(0, 40px);
              }
            }

.header {
    background: url("/walk/img/header.png") center top no-repeat #035293;
	background-size: cover;
    min-height: calc(100vh - 49px);
    position: relative;
}
    .headerbox {
        background-color: rgba(0,0,0,0.6);
        padding: 1.5em 1em .5em;
        margin: 18vh 0 0;
    }
    .header h1 {
        color: #fff;
        font-weight: 700;
        line-height: .9;
/*        text-shadow: 0 0 1em #000, 0 0 .125em #000;*/
        letter-spacing: 2px;
        padding: 0 0 .25em;
		margin-top: -1.5em;
    }
		.header h1 i.circle {
			background-color: #fff;
			border-radius: 50%;
			color: #000;
			width: 1.5em;
			height: 1.5em;
			display: inline-block;
			line-height: 1.65;
			margin: .25em 0;
		}
    .header p {
        color: #fff;
        font-size: 1.25em;
    }
	.chevron {
		display: block;
	}
@media only screen and (min-width: 480px) {
	.headerbox {
        margin: 24vh 0 0;
	}
}
@media only screen and (min-width: 768px) {
	.headerbox {
        padding: 2em 2em 1.5em;
        margin: 24vh 0 0;
	}
        .header h1 {
            font-size: 3.5em;
        }
			.header h1 i.circle {
				margin-bottom: 0;
			}
        .header p {
            font-size: 1.65em;
        }
            .header p b {
                font-size: 1.75em;
            }
}
@media only screen and (min-width: 820px) {
    .header {
        min-height: calc(100vh - 47px);
    }
}
@media only screen and (min-width: 992px) { /* md screens and up */
        .headerbox {
        }
        .header h1 {
            font-size: 4em;
        }

}
@media only screen and (min-width: 1140px) {
    .header {
        min-height: calc(100vh - 62px);
    }
}
@media only screen and (min-width: 1200px) { /* lg screens and up */
        .headerbox {
            margin: 26vh auto 0;
            width: 80%;
        }
}