@font-face {
  font-family: "Pressura";
  src: url("https://www.bu.edu/cdn/fonts/Pressura-Bold/Pressura-Bold.eot");
  src: url("https://www.bu.edu/cdn/fonts/Pressura-Bold/Pressura-Bold.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Pressura-Bold/Pressura-Bold.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Pressura-Bold/Pressura-Bold.ttf") format("truetype");
  font-style: normal;
  font-weight: bold;
}

.Pressura-Bold{ font-family: "Pressura-Bold"; }

@font-face {
  font-family: "Pressura";
  src: url("https://www.bu.edu/cdn/fonts/Pressura-Bold-Italic/Pressura-Bold-Italic.eot");
  src: url("https://www.bu.edu/cdn/fonts/Pressura-Bold-Italic/Pressura-Bold-Italic.eot?") format("embedded-opentype"),
       url("https://www.bu.edu/cdn/fonts/Pressura-Bold-Italic/Pressura-Bold-Italic.woff") format("woff"),
       url("https://www.bu.edu/cdn/fonts/Pressura-Bold-Italic/Pressura-Bold-Italic.ttf") format("truetype");
  font-style: italic;
  font-weight: bold;
}

.content-sketchy-characters .banner-container {
  float: none;
  display: block;
  padding: 0;
  background: #0a0a0a;
  background: url('http://www.bu.edu/today/wpassets/features/2014_sketchy_characters/pixar.jpg') no-repeat center center; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}

.content-sketchy-characters .dury-video {
	max-width:600px;
	margin:15px auto;
	margin: 5% auto 6% auto;
  	-webkit-box-shadow: 0 0 50px 0 rgba(0,0,0,1);
  	box-shadow: 0 0 50px 0 rgba(0,0,0,1);
}

.content-sketchy-characters .banner-header {
  text-align: center;
  color: #fff;
  font-family: "Benton-Sans";
  text-transform: uppercase;
  font-size: 60px;
  line-height: 80px;
  padding: 6% 5% 1% 5%;
}

.content-sketchy-characters .banner-header span {
  text-align: center;
  color: #fff;
  font-family: "Stag", "Benton-Sans", Helvetica, Verdana, sans-serif;
  text-transform: none;
  font-style:italic;
  font-size: 65px;
}

.content-sketchy-characters .banner-subhead {
  font-family: "Stag", "Benton-Sans", Helvetica, Verdana, sans-serif;
  font-weight:bold;
  color: #5ff8fa;
  text-align: center;
  font-size: 22px;
  line-height: 30px;
  padding: 0 10%;
  max-width:680px;
  margin:0 auto;
}

.publication-butoday .wp-prepress-layout-article-content>p a.jumplink {
	color: #FFFFFF;
	background: #f3398d;
}

.publication-butoday .wp-prepress-layout-article-content>p a.jumplink:hover,
.publication-butoday .wp-prepress-layout-article-content>p a.jumplink:focus {
	background: #ff5da6;
}

@media only screen and (max-width : 620px) {
  .content-sketchy-characters .buvideoWrapper iframe.videobox {
    width: 360px !important;
    height: 200px !important;
  }

  .content-sketchy-characters .banner-header {
    font-size: 50px;
    line-height: 50px;
  }
}

@media only screen and (max-width : 420px) {
  .content-sketchy-characters .banner-header {
    font-size: 40px;
    line-height: 50px;
    padding: 6% 0% 4% 5%;
  }
}

.fadebg {
  opacity: 1;
  -webkit-animation-name: fadebgin;
     -moz-animation-name: fadebgin;
          animation-name: fadebgin;
  -webkit-animation-duration: 4s;
     -moz-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
     -moz-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

.fadehead {
  opacity: 1;
  -webkit-animation-name: fadeheadup;
     -moz-animation-name: fadeheadup;
          animation-name: fadeheadup;
  -webkit-animation-duration: 4s;
     -moz-animation-duration: 4s;
          animation-duration: 4s;
  -webkit-animation-iteration-count: 1;
     -moz-animation-iteration-count: 1;
          animation-iteration-count: 1;
  -webkit-animation-timing-function: ease-out;
     -moz-animation-timing-function: ease-out;
          animation-timing-function: ease-out;
}

.fadecont {
	padding: 15px 0;
}

@-webkit-keyframes fadebgin {
  0% {
    background-color: rgba(0, 0, 0, 1);
  }

  20% {
    background-color: rgba(0, 0, 0, 1);
  }

  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}

@-moz-keyframes fadebgin {
  0% {
    background-color: rgba(0, 0, 0, 1);
  }

  20% {
    background-color: rgba(0, 0, 0, 1);
  }

  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}

@keyframes fadebgin {
  0% {
    background-color: rgba(0, 0, 0, 1);
  }

  20% {
    background-color: rgba(0, 0, 0, 1);
  }

  100% {
    background-color: rgba(0, 0, 0, 0);
  }
}

@-webkit-keyframes fadeheadup {
  0% {
    opacity: 0;
    transform: translateY( -50px );
  }

  20% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: translateY( 0 );
  }
}

@keyframes fadeheadup {
  0% {
    opacity: 0;
    transform: translateY( -50px );
  }

  20% {
    opacity: 0;
  }

  100% {
    opacity: 1;
    transform: translateY( 0 );
  }
}


@-moz-keyframes fadeheadup {
  0% {
    opacity: 0;
    padding: 10% 0 0% 5%;
  }

  20% {
    opacity: 0;
    padding: 10% 0 0% 5%;
  }

  100% {
    opacity: 1;
    padding: 6% 0 4% 5%;
  }
}

@-webkit-keyframes fadecontin {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@-moz-keyframes fadecontin {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes fadecontin {
  0% {
    opacity: 0;
  }

  80% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}