body {
	background: #f5f2e8;
    font-family: 'Quattrocento Sans';font-size:18px;
    color:#111;
}

h1.topheader {
font-weight: bold;
color:#fff;
margin-left:2.0em;
}

h1.promoheaderdark {
font-weight: bold;
font-size:24px;
color: deeppink;
margin-left:2.0em;
}


.bq {
margin-left: 2.0em;
}

.nav-link {
color:yellow !important;
}

.nav-link.disabled {

color:white !important;
}

      

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
}


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



/*ceefax bits */
@font-face {
	font-family: stdCeefaxFont;
	src: url('../ceefax/assets/fonts/ceefax.ttf') format("truetype");
}

@font-face {
	font-family: stdTeletextFont;
	src: url('../ceefax/assets/fonts/teletext.otf') format("opentype");
}


canvas {
        -moz-box-shadow: 0 0 5px #888;
	-webkit-box-shadow: 0 0 5px#888;
	box-shadow: 0 0 5px #888;
}

#title {
	margin-top: 50px;
	font-size: 4em;
	font-family: stdTeletextFont;
	color: #FFF;
}

#subtitle {
	margin-bottom: 50px;
	font-size: 1.2em;
	font-family: stdTeletextFont;
	color: #FFF;
}

.text {
	font-size: 1.0em;
	font-family: stdTeletextFont;
	color: #FFF;
}