@charset "UTF-8";


html, body {
	background: #fff;
	color: white;
	font-family: 'Montserrat', sans-serif;
	font-weight: 400;
	/* min-height: 100vh; */
	height: 100%;
	background-image: url(images/kn_bg2.jpg);
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
	overflow: hidden;
	display: flex;
    flex-direction: column;
}

body > footer { position sticky; top: 100vh; }

#container {
	-moz-box-shadow: inset 0 0 26px #000000;
    -webkit-box-shadow: inset 0 0 26px #000000;
    box-shadow: inset 0 0 26px #000000;
    flex:1;
    display:flex;
    flex-direction:column;
    justify-content:center;
}

header h1, footer { 
	margin: 0px auto;
	padding: 0px 20%;
	/* width: 800px; */
}

header h1 {
	font-weight: 700;
	font-size: 40px;
	line-height: 60px;
	letter-spacing: 2px;
	color: white;
	text-shadow: 2px 2px 3px black,  0 0 0.2em black, 0 0 1em black, 0 0 2em black, 0 0 3em black;
	margin-top: 15%;
}

h2 {
	font-weight: 900;
	font-size: 3em;
	line-height: 40px;
	text-transform: uppercase;
	letter-spacing: .2em;
	background-color: black;
	color: white;
	padding: 2rem;
}

main {
	padding-top: 60px;
	padding-bottom: 60px;
	margin: auto;
}

footer {
    width: 100%;
    height: 60px;
    background-color: #D53F41;
    -moz-box-shadow: inset 0 0 26px #000000;
    -webkit-box-shadow: inset 0 0 26px #000000;
    box-shadow: inset 0 0 26px #000000;
    margin-top: auto;
	position: sticky;
}

footer p, footer a {
	padding-top: 23px;
	font-size: .85em;
	color:blanchedalmond;
}

#contact {
	/* padding-top: 14px; */
}

footer a:hover, footer a:active {
	font-weight: 700;
	color: #CAABF1;
}


@media screen and (min-width: 480px) {
	header h1 {
		font-size: 60px;
	}

	h2 {
		font-size: 60px;
	}

	footer p, footer a {
		font-size: 30px;
	}
	
  }