@font-face {
    font-family: 'super_duty_texttext';
    src: url('sudutext-webfont.eot');
    src: url('sudutext-webfont.eot?#iefix') format('embedded-opentype'),
         url('sudutext-webfont.woff2') format('woff2'),
         url('sudutext-webfont.woff') format('woff'),
         url('sudutext-webfont.ttf') format('truetype'),
         url('sudutext-webfont.svg#super_duty_texttext') format('svg');
    font-weight: normal;
    font-style: normal;

}

body { 
	padding:2em; 
	font : 100%/1.4  'super_duty_texttext', 'Helvetica Neue', arial, helvetica, helve, sans-serif; 	
	color: grey;
}
 	
h1 { 
	font-size:2.2em; 
	padding:0 0 .5em 0; 
	color: #ff3b90;
}
	
h2 { 
	font-size:1.75em; 
	color: #ff6bb5;
}

h3 { 
	font-size:1.75em; 
	color: #ff6bb5;
	font-weight: 300;
}

h4 { 
	font-size:1.5em; 
	color: #ff99cc;
}

.header { 
	padding:1em 0; 
}
		
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

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