article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; }

html, button, input, select, textarea { font-family: sans-serif; color: #222; }

body { margin: 0; font-size: 1em; line-height: 1.4;  }
ul {padding: 0;}
::-moz-selection { background: #000000; color: #fff; text-shadow: none; }
::selection { background: #000000; color: #fff; text-shadow: none; }

a { color: #ffffff; text-decoration: none; font-family: 'Oswald'; cursor: pointer;}
a:visited { color: #ffffff; }
a:hover { color: #ffffff; }
a:focus { outline: thin dotted; }

/* Improve readability when focused and hovered in all browsers: h5bp.com/h */
a:hover, a:active { outline: 0; }

abbr[title] { border-bottom: 1px dotted; }

b, strong { font-weight: bold; }

small { font-size: 85%; }

/* Position subscript and superscript content without affecting line-height: h5bp.com/k */
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }

/*
 * Correct overflow not hidden in IE9
 */

svg:not(:root) { overflow: hidden; }
      @font-face {font-family: DINWeb-CondMedium; src: url("DINWeb-CondMedium.woff") format("woff");}
      .sampletext {font-family: DINWeb-CondMedium, sans-serif;}

body {
  background: url('../img/debate-bg1.jpg')
}

.container { 
  max-width: 980px;
  margin: 0 auto; 
  text-align: center;
}

.pbslogo {
  padding: 1.4em 0 2em;
  margin: 0 auto;
  max-width: 500px;
}

.pbslogo img {
  max-width: 100%;
} 

h2 a, h2 a:visited {
  font-family: 'DINWeb-CondMedium','Roboto', sans-serif;
  color: #000000;
  text-align: center;
  font-size: 2.4em;
  line-height: 1.01em;
  letter-spacing: .01em;
  font-weight: 400;
  text-transform: uppercase;
  margin: 0;
  -webkit-transition: all .5s ease; /* Safari and Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -o-transition: all .5s ease; /* IE 9 */
  -ms-transition: all .5s ease; /* Opera */
  transition: all .5s ease;
}
h2 span {
  font-size: 118%;
  letter-spacing: .025em;
}

h2 a:hover,h2 a:focus {
  opacity: .8;
  color: #000000;
  -webkit-transition: all .5s ease; /* Safari and Chrome */
  -moz-transition: all .5s ease; /* Firefox */
  -o-transition: all .5s ease; /* IE 9 */
  -ms-transition: all .5s ease; /* Opera */
  transition: all .5s ease;
}

h3 {
  font-family: 'DINWeb-CondLight','Roboto', sans-serif;
  font-weight: 300;
  text-align: center;
  font-size: 1.3em;
  line-height: 1.6em;
  letter-spacing: .07em;
  margin: 1em .4em .4em;
}

h3 span {
  font-size: 70%;
}

/* embed youtube */

.embed-container { 
  position: relative; 
  padding-bottom: 56.25%; 
  height: 0; 
  overflow: hidden; 
  max-width: 100%;
} 

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

.content {margin:0 5%;}
.container p {text-align:left; font-family: 'Roboto', sans-serif; margin:2%; line-height:145%; }
.container p a {color:#810002; font-weight:bold; font-family: 'Roboto', sans-serif;}



/* media queries  */

@media screen and (max-width: 479px) {
    .wall { margin: auto;}
    h2 { font-size: 1.3rem; line-height: 1em;}
    h3 { font-size: 1.2rem;}
}