html { 
background: url(paper_brown.jpg) no-repeat center center fixed #fffbed; 
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
}

body{
text-align:center;
font-family: Arial, Helvetica, sans-serif;
color: #036;
}

.js-video {
height: 0;
padding-top: 25px;
padding-bottom: 67.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
 
.js-video.widescreen {
padding-bottom: 57.25%;
}
 
.js-video.vimeo {
padding-top: 0;
}

.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}

#heading {
font-family: 'Bevan', cursive;
font-size: 60px;
}
#heading span.red {
color: #d30606;
text-shadow: -5px 4px 0px rgba(255, 255, 255, 1);
}
#heading span.blue {
color: #0370a3;
text-shadow: -5px 4px 0px rgba(255, 255, 255, 1);
}

header h2 {
font-size: 18px;
}

h3.credit {
font-family: 'Bevan', cursive;
font-size: 36px;
color: #d30606;
text-shadow: -5px 4px 0px rgba(255, 255, 255, 1);
}

h3.source {
font-family: 'Bevan', cursive;
font-size: 36px;
color: #0370a3;
text-shadow: -5px 4px 0px rgba(255, 255, 255, 1);
}

a {
text-decoration: none;
color: blue;
}

a:hover {
text-decoration: none;
color: red;
}