@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,700);
body,
html {
    height: 100%;
    margin: 0;
    padding: 0;
    /* Background pattern from subtlepatterns.com */
    background-image: url(bg.png);
    font-family: 'Source Sans Pro', sans-serif;
    font-weight: 400;
    min-height: 100
}

#noncontent {
    width: 100%;
}

#head {
    padding: 20px;
    display: table;
    margin: 0 auto;
    box-sizing: border-box;
}

#banner {
    display: table;
    background-image: url(kf_banner.png);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	background-position: center;
	width: 772px;
	height: 130px;
    margin: 0 auto;
    overflow: hidden;
    box-sizing: border-box;
    border: 2px solid black;
    box-shadow: 0 0 10px black;
    border-radius: 25px;
}

#banner_wrap {
    margin-top: 20px;
}

#text {
    margin-top: 50px;
    padding: 20px;
    display: table;
    margin: 0 auto;
    width: 772px;
    box-sizing: border-box;
    border: 2px solid black;
    box-shadow: 0 0 10px black;
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.3);
    white-space: pre-wrap;
    word-wrap: break-word;
}

#text_wrap {
    margin-top: 50px;
}

#footer {
    padding: 20px;
    display: table;
    margin: 0 auto;
    box-sizing: border-box;
    border: 2px solid black;
    box-shadow: 0 0 10px black;
    border-radius: 25px;
    background-color: rgba(255, 255, 255, 0.3);
    width: 772px;
    text-align: center;
}

#footer_wrap {
    margin-top: 50px;
}

img {
    max-height: 100%;
    max-width: 100%;
}

#tsr {
    border: 2px solid black;
    box-shadow: 0 0 10px black;
    border-radius: 25px;
}

video::-webkit-media-controls {
    display:none !important;
}
.custom-video-controls {
  z-index: 2147483647;
}

a, a:visited {
	text-decoration: underline;
	color: black;
}
a:hover {
	text-shadow: 0 0 4px gray;
}