/* Authors:Erik Runyon & Philip Zastrow
   ----------------------------------------------------*/

@media screen,projection {

  .feature-beta {display:none; position:relative; position:absolute; top:0; left:0;}
  .feature-beta,
  .feature-beta .flexslider,
  .feature-beta .slides {width:100%; height:100%;}
    .feature-beta .slides > li {width:100%; height:100%; margin:0; background-size:cover;}
    .feature-beta .flex-direction-nav {position:absolute; top:110px; right:1em; width:auto; line-height:1em; border:1px solid #000; background:#1c4372; background:rgba(28,67,114,0.8); box-shadow:inset 0 1px 0 0 #3e5e87, 0 1px 3px rgba(0,0,0,0.7);}
      .b-notice .feature-beta .flex-direction-nav,
      .b-alert .feature-beta .flex-direction-nav {top:170px;}
    .feature-beta .flex-direction-nav li {display:inline-block; zoom:1; *display:inline; height:31px; margin:0; vertical-align:middle;}
    .feature-beta .flex-direction-nav a {position:relative; top:auto; left:auto; right:auto; width:30px; background-image:url(images/bg-direction-nav-hero.png);}
    .feature-beta .loctitle {width:154px;}
      .feature-beta .loctitle a {width:100%; height:auto; padding:9px 0; text-indent:0; color:#fff; line-height:1em; font-size:0.9em; text-align:center; text-decoration:none; background:none;}
    .feature-beta .flex-direction-nav .prev {background-position:left top;}
    .feature-beta .flex-direction-nav .next {background-position:right top;}
    #hero-learn-more {position:absolute; top:31px; left:55px;}
      .flex-direction-nav #hero-learn-more a {height:18px; width:102px; text-indent:-9999px; overflow:hidden; background-position:left bottom;}

  .feature-gamma {display:none;}

  /** Feature Area **/
  .lt-ie9 #feature {width:430px;}
  #slider {position:relative; width:100%; margin:0 0 0.3em;}
  .lt-ie9 #slider {margin:0 0 10px;}
  .lt-ie9 .featurette {margin:0 0 1em;}
  .slides li {width:480px; height:340px; margin:0; background-size:cover;}
  .slides a {display:block; width:100%; height:100%; text-indent:100%; white-space:nowrap; overflow:hidden; background-repeat:no-repeat; background-size:100% auto;}
  #slider .flex-control-nav {position:absolute; bottom:0; margin:0; padding:0; height:59px; background:url(images/feature-shadow.png) left bottom repeat-x;}
  #slider .flex-control-nav li {padding:36px 0 0;}
  #slider .flex-direction-nav {display:none;}
    #slider .flex-direction-nav li {margin:0;}

  .video-feature a {position:absolute; top:0; left:0; z-index:2;}
  .video-feature video {position:absolute; top:0; left:0; display:block; width:100%; height:100%;}

  /*
   * Featurettes
   ********************/
  .news-and-events {padding:0.5em;}
  .featurette {overflow:hidden; float:left; position:relative; width:47%; max-width:200px; margin:0 0.2em; padding:1%;}
    .lt-ie8 .featurette {width:46%;}
  .featurette.ft2 {float:right;}
  .featurette a {display:block; text-decoration:none; }
  .featurette img {display:block; border:1px solid #000;}
  .featurette p {margin:0.75em 0 1em; padding:0 5px; font-size:0.9em; line-height:1.3em;}

  .latest {position:relative; clear:both; margin:1em auto; text-align:center;}
  .latest a {display:block; margin:0 0 1em; padding:0.5em 1em; line-height:1em; border:1px solid #000; color:#002b5b; text-align:center; text-decoration:none; font-family:GalaxiePolarisCondensedBook, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; box-shadow:inset 0 1px 0 0 #ebdba5;
    background:#e3c768;
    background:-moz-linear-gradient(top, #e3c768 0%, #ddb63c 100%);
    background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e3c768), color-stop(100%,#ddb63c));
    background:-webkit-linear-gradient(top, #e3c768 0%,#ddb63c 100%);
    background:-o-linear-gradient(top, #e3c768 0%,#ddb63c 100%);
    background:-ms-linear-gradient(top, #e3c768 0%,#ddb63c 100%);
    background:linear-gradient(top, #e3c768 0%,#ddb63c 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#e3c768', endColorstr='#ddb63c',GradientType=0 );
  }
  .latest a:hover {color:#000;}

  /*
   * Mobile Experience
   ********************/
  .experience {display:none; margin-top:3em;}
    .experience article {overflow:hidden; margin:0; font-size:0.9em;}
    .mobile-tour-title {margin-bottom:0.5em; font-size:2em; border-bottom:1px solid #002b5b;}
    .experience article header {position:relative;}
    .experience article h1 {margin:0; padding:8px; font-size:1.8em; color:#fff; text-shadow:0 -1px 0 #000; border:1px solid #000; box-shadow:inset 0 1px 0 0 #5681b4;
      background:#006db0;
      background:-moz-linear-gradient(top, #006db0 0%, #0b4380 50%, #013775 51%, #00285c 100%);
      background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#006db0), color-stop(50%,#0b4380), color-stop(51%,#013775), color-stop(100%,#00285c));
      background:-webkit-linear-gradient(top, #006db0 0%,#0b4380 50%,#013775 51%,#00285c 100%);
      background:-o-linear-gradient(top, #006db0 0%,#0b4380 50%,#013775 51%,#00285c 100%);
      background:-ms-linear-gradient(top, #006db0 0%,#0b4380 50%,#013775 51%,#00285c 100%);
      background:linear-gradient(top, #006db0 0%,#0b4380 50%,#013775 51%,#00285c 100%);
      filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#006db0', endColorstr='#00285c',GradientType=0 );
    }
    .experience article h2 {font-size:1.4em;}
    .utilbar {position:absolute; left:3%; bottom:10px; width:94%; margin:0 auto; padding:5px; list-style:none; color:#fff; border:1px solid #000; -webkit-border-radius:5px; border-radius:5px; background:#333; background:rgba(51,51,51,0.8);}
      .utilbar li {margin:0;}
      .utilbar a {padding:5px; text-decoration:none; color:#fff;}
    .distance {float:left; line-height:1.3em; font-size:1.6em; font-family:GalaxiePolarisCondensedBook, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
      .bearing {position:relative; display:block; float:left; margin:0 8px 0 0; text-align:center; height:30px; width:30px; font-size:10px; line-height:10px; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
        #direction {position:absolute; top:0; left:0;}
        #dirarrow {position:absolute; top:2px; left:0; width:13px; height:20px; margin:0 auto; background:url(images/tour-mobile/bearing.png) 0 0 no-repeat;}
        .dir-n #direction {top:19px; left:9px;}
        .dir-ne #direction {top:16px; left:4px;}
        .dir-e #direction {top:10px; left:4px;}
        .dir-se #direction {top:3px; left:3px;}
        .dir-s #direction {top:0; left:9px;}
        .dir-sw #direction {top:5px; left:auto; right:3px;}
        .dir-w #direction {top:10px; left:auto; right:2px;}
        .dir-nw #direction {top:16px; left:12px;}

        .dir-n #dirarrow {top:0; left:6px;}
        .dir-ne #dirarrow {left:auto; right:0;
          -webkit-transform:rotate(-315deg);
             -moz-transform:rotate(-315deg);
              -ms-transform:rotate(-315deg);
               -o-transform:rotate(-315deg);
                  transform:rotate(-315deg);
        }
        .dir-e #dirarrow {top:6px; left:auto; right:2px;
          -webkit-transform:rotate(-270deg);
             -moz-transform:rotate(-270deg);
              -ms-transform:rotate(-270deg);
               -o-transform:rotate(-270deg);
                  transform:rotate(-270deg);
        }
        .dir-se #dirarrow {top:auto; bottom:2px; left:auto; right:2px;
          -webkit-transform:rotate(-225deg);
             -moz-transform:rotate(-225deg);
              -ms-transform:rotate(-225deg);
               -o-transform:rotate(-225deg);
                  transform:rotate(-225deg);
        }
        .dir-s #dirarrow {top:auto; left:6px; bottom:1px;
          -webkit-transform:rotate(-180deg);
             -moz-transform:rotate(-180deg);
              -ms-transform:rotate(-180deg);
               -o-transform:rotate(-180deg);
                  transform:rotate(-180deg);
        }
        .dir-sw #dirarrow {top:auto; left:0; bottom:0;
          -webkit-transform:rotate(-135deg);
             -moz-transform:rotate(-135deg);
              -ms-transform:rotate(-135deg);
               -o-transform:rotate(-135deg);
                  transform:rotate(-135deg);
        }
        .dir-w #dirarrow {top:6px; left:2px;
          -webkit-transform:rotate(-90deg);
             -moz-transform:rotate(-90deg);
              -ms-transform:rotate(-90deg);
               -o-transform:rotate(-90deg);
                  transform:rotate(-90deg);
        }
        .dir-nw #dirarrow {top:2px; left:0;
          -webkit-transform:rotate(-45deg);
             -moz-transform:rotate(-45deg);
              -ms-transform:rotate(-45deg);
               -o-transform:rotate(-45deg);
                  transform:rotate(-45deg);
        }
    .micon {display:block; height:29px; width:30px; text-indent:-999em; overflow:hidden; background:url(images/tour-mobile/icons.png) 0 0 no-repeat;}
      .tour-directions {float:right; width:100px;}
      .tour-map {float:left; width:113px; background-position:0 -34px;}
      .tour-more {float:right; margin-left:5px; background-position:0 -68px;}
        .tour-more.active {background-position:0 -102px;}
    .experience .article-content {display:none; margin:15px; padding:0;}
    .experience .article-content img {display:none; float:right; max-width:50%; margin:0 0 1em 1em; box-shadow:0 1px 3px 0 rgba(0, 0, 0, 0.8);}
    .tour-morelinks {margin:2em 0 0; padding:0; list-style:none; text-align:center;}
      .tour-morelinks li {display:inline-block; zoom:1; *display:inline; margin:0 1em;}


  /*
   * jQuery FlexSlider v1.8
   * http://www.woothemes.com/flexslider/
   *
   * Copyright 2012 WooThemes
   * Free to use under the MIT license.
   * http://www.opensource.org/licenses/mit-license.php
   */

  /* Browser Resets */
  .flex-container a:active,
  .flexslider a:active,
  .flex-container a:focus,
  .flexslider a:focus {outline:none;}
  .slides,
  .flex-control-nav,
  .flex-direction-nav {margin:0; padding:0; list-style:none;}

  /* FlexSlider Necessary Styles
  *********************************/
  .flexslider {width:100%; margin:0; padding:0;}
  .flexslider .slides > li {display:none; -webkit-backface-visibility:hidden;}
  .flexslider .slides > li a {display:block;}
  .flexslider .slides img {max-width:100%; display:block;}
  .flex-pauseplay span {text-transform:capitalize;}

  /* Clearfix for the .slides element */
  .slides:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
  html[xmlns] .slides {display:block;}
  * html .slides {height:1%;}

  /* No JavaScript Fallback */
  .no-js .slides > li:first-child {display:block;}

  /* FlexSlider Default Theme
  *********************************/
  .flexslider {position:relative; zoom:1;}
  .flexslider .slides {zoom:1;}
  .flexslider .slides > li {position:relative;}
  .flex-container {zoom:1; position:relative;}

  /* Caption style */
  /* IE rgba() hack */
  .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom:1;}
  .flex-caption {width:98%; padding:2%; margin:0; position:absolute; left:0; bottom:0; background:rgba(0,0,0,.3); color:#fff; text-shadow:0 -1px 0 rgba(0,0,0,.3); font-size:14px; line-height:18px;}

  /* Direction Nav */
  .flex-direction-nav {position:absolute; height:auto; width:100%;}
  .flex-direction-nav li a {position:absolute; bottom:0; width:42px; height:36px; margin:0; display:block; cursor:pointer; text-indent:-999em; overflow:hidden; background:url(images/bg_direction_nav.png) no-repeat;}
  .flex-direction-nav li .prev {left:0; background-position:12px center;}
  .flex-direction-nav li .next {right:4px; background-position:-75px center;}
  .flex-direction-nav li .disabled {opacity:.3; filter:alpha(opacity=30); cursor:default;}

  /* Control Nav */
  .flex-control-nav {width:100%; padding:0; text-align:center; line-height:1em;}
  .flex-control-nav li {margin:0 3%; display:inline-block; zoom:1; *display:inline;}
  .flex-control-nav li a {width:11px; height:11px; display:block; background:url(images/bg_control_nav.png) no-repeat; cursor:pointer; text-indent:-999em;}
  .flex-control-nav li a:hover {background-position:0 -13px;}
  .flex-control-nav li a.active {background-position:0 -26px; cursor:default;}

}

/*************************************************************************************
 * @media queries
 ************************************************************************************/
/* max-width 480px
   ----------------------------------------------------*/
@media only screen and (max-width:30em) {
  #slider .flexslider {height:340px;}
}

/* 481px
   ----------------------------------------------------*/
@media only screen and (min-width:30.063em) {

  .site-header {position:absolute; height:137px;}
  .feature-alpha {overflow:hidden; position:relative; width:100%; margin:0 auto; padding:7em 0 1em; background:url(images/hero/clouds-dome-basilica-1024.jpg) center top no-repeat; background-size:cover;}

  #feature {position:relative; float:left; margin:0 0 0 44px;}
  #slider {position:relative; top:auto; left:auto; max-width:430px; margin:0 auto 15px;}
  #slider .flexslider {width:420px;}
    .slides li {width:auto;}
  #slider .flex-control-nav {position:relative; width:80%; height:auto; margin:15px auto 8px; background:none;}
    #slider .flex-control-nav li {padding:0;}
  #slider .flex-direction-nav {display:block; bottom:2px;}

  .news-and-events {padding:0;}
  .featurette {clear:none; max-width:200px; margin:0 0 9px; box-shadow:0 0 5px 0 rgba(0,0,0,0.4);}
  .featurette.ft1 {margin-right:6px;}
  .featurette img {width:auto;}
  .featurette p {width:auto; margin:0; padding:5px;}

  .latest {margin:1em 0; text-align:left;}
    .latest a {display:inline-block; zoom:1; *display:inline; width:46%; padding:0.3em 1em;}

}

/* 768px
   ----------------------------------------------------*/
@media only screen and (min-width:48em) {
  .site-header {position:fixed; height:auto;}
  .feature-alpha {padding:0; background:none; background-color:#01182d;}
  .feature-beta {display:block;}
  #feature {position:relative; float:left; width:auto; margin:8.6em 0 0 44px;}
    .b-notice #feature,
    .b-alert #feature {margin:170px 0 0 44px;}

  /*
   * Flyout
   **************************/
  .feature-gamma {display:block; position:absolute; top:0; right:-412px; width:412px; height:100%; padding:100px 25px; background-image:url(/assets/css/images/theme/patterns/basilica-wall-blue.png); box-shadow:0 0 6px 2px rgba(0, 0, 0, 0.5);}
  .lt-ie8 .feature-gamma {padding:100px 0;}
  .flyout {color:#fff; background-position:0 0; background-repeat:repeat;}
    .flyout h2 {margin:1em 0 2em; text-align:center; font-size:0.9em; font-weight:normal; font-family:"Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}
    .flyout h2 a {display:inline-block; zoom:1; *display:inline; padding:0.5em 4em; border:1px solid #000; color:#fff; line-height:1em; text-decoration:none; background:#012854 url(/assets/css/images/theme/hclose.png) 7px center no-repeat; background:rgba(0,43,91,0.8) url(/assets/css/images/theme/hclose.png) 7px center no-repeat; box-shadow:inset 0 1px 0 0 #27486d;}
    .flyout h3 {margin:1em 0 0.4em; color:#fff; font-size:1.5em;}
    .flyout a, .flyout a.more:visited {color:#dcb439;}
    .flyout a.more:hover {color:#fff;}

    .inset {overflow:hidden; margin:0 0 30px; padding:10px; font-size:0.9em; background-color:#000e1d; border-bottom:1px solid #12273f; border-radius:5px;}
      .maplink {float:left; width:120px; margin-right:18px;}
        .maplink .map {display:block; margin:0 0 10px; border:4px solid #fff;}
        .maplink .button {display:block; text-decoration:none; text-align:center; font-size:1em; color:#002b5b; border:1px solid #1f1507; font-family:GalaxiePolarisCondensedBook, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif; box-shadow:inset 0 1px 0 0 #f5e4ac;
          background:#e8cc6a;
          background:-moz-linear-gradient(top, #e8cc6a 0%, #ddb63c 100%);
          background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#e8cc6a), color-stop(100%,#ddb63c));
          background:-webkit-linear-gradient(top, #e8cc6a 0%,#ddb63c 100%);
          background:-o-linear-gradient(top, #e8cc6a 0%,#ddb63c 100%);
          background:-ms-linear-gradient(top, #e8cc6a 0%,#ddb63c 100%);
          background:linear-gradient(top, #e8cc6a 0%,#ddb63c 100%);
        }
      .inset-content {float:left; width:204px;}
    .flyout .gallery {text-align:center;}
      .flyout .gallery ul {margin:0; padding:0; list-style:none;}
      .flyout .gallery li {margin:0 10px 10px; border:4px solid #fff;}
      .flyout .gallery li a {display:block;}
      .flyout .gallery p {font-family:GalaxiePolarisCondensedBook, "Helvetica Neue", Helvetica, Arial, Verdana, sans-serif;}

  .news-and-events {margin-bottom:5em;}

  .slides li {height:310px;}

  /*
   * Featurettes
   ********************/
  .featurette p {margin:0;}

}

/* min-width 768px and max-height 600px
   ----------------------------------------------------*/
@media only screen and (min-width:48em) and (max-height:37.5em) {
  /*
   * Heroes
   **************************/
  .h-main-building.load {background-position:right bottom;}
  .h-grotto.load {background-position:center bottom;}
  .h-stadium.load {background-position:center bottom;}
  .h-basilica.load {background-position:center bottom;}
  .h-jordan-hall.load {background-position:center bottom;}

  .feature-beta .flex-direction-nav {top:6.5em;}
  #feature {margin:6.5em 0 0 44px;}
  .news-and-events {margin-bottom:0.6em;}
  .latest {margin:1em 0 0;}
    .latest a {margin:0;}
}

/* 960px
   ----------------------------------------------------*/
@media only screen and (min-width:60em) {

  .site-nav {top:49px;}
  .feature-beta .flex-direction-nav {right:3em;}
  #feature {margin:140px 0 0 72px; left:0;}

}

/* 768px
   ----------------------------------------------------*/
@media only screen and (min-width:48em) {
  /*
   * Heroes
   **************************/
  .h-main-building.load {background:url(images/hero/dome-winter2-1024.jpg) center top no-repeat;}
  .h-grotto.load {background:url(images/hero/grotto-winder-1024.jpg) center bottom no-repeat;}
  .h-library.load {background:url(images/hero/library-winter-1024.jpg) center center no-repeat;}
  .h-stadium.load {background:url(images/hero/stadium-1024.jpg) center center no-repeat;}
  .h-basilica.load {background:url(images/hero/basilica-christmas-1024.jpg) right top no-repeat;}
  .h-jordan-hall.load {background:url(images/hero/jordanhall-winter-1024.jpg) center center no-repeat;}
}
/* 1050px
   ----------------------------------------------------*/
@media only screen and (min-width:65.625em) {
  .h-main-building.load {background:url(images/hero/dome-winter2-1800.jpg) right top no-repeat;}
  .h-grotto.load {background:url(images/hero/grotto-winter-1800.jpg) center center no-repeat;}
  .h-library.load {background:url(images/hero/library-winter-1800.jpg) center center no-repeat;}
  .h-stadium.load {background:url(images/hero/stadium-1800.jpg) left center no-repeat;}
  .h-basilica.load {background:url(images/hero/basilica-christmas-1800.jpg) right top no-repeat;}
  .h-jordan-hall.load {background:url(images/hero/jordanhall-winter-1800.jpg) center center no-repeat;}
}


/* Navigation specific Media Queries
   ----------------------------------------------------*/

/* 480px
   ----------------------------------------------------*/
@media only screen and (max-width:30em) {

  .bluebox {padding:0; border:none; background:none; border-radius:0;}
  .bluebox a {color:#333;}

  .site-header {position:relative; z-index:10; width:100%;}
    .site-header h1 {position:absolute; z-index:100; top:10px; left:0; padding:0;}
    .site-header h1 a {float:none;}
  .site-nav {position:absolute; left:0; top:340px; width:100%;}

}

/* 481px ~ 767px
   ----------------------------------------------------*/
@media only screen and (min-width:30.063em) and (max-width:47.938em) {
  .site-header {background:none;}
    .site-header h1 {position:relative; z-index:10;}
  .site-nav {top:0;}
    .site-nav .primary {height:78px; padding:5px 0.25em 5px 200px; font-size:1.2em;}
    .site-nav .primary > li {margin:0 2%; padding:0;}
    .site-nav .primary li.nav-sea {margin:3px 3%;}
   .site-nav .primary a {padding:0;}
}

@media only screen and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (-o-min-device-pixel-ratio:3/2),
  only screen and (min--moz-device-pixel-ratio:1.5),
  only screen and (min-device-pixel-ratio:1.5) {

    .flex-direction-nav li a {background-image:url(images/bg_direction_nav@2x.png); background-size:104px 20px;}
    .flex-control-nav li a {background-image:url(images/bg_control_nav@2x.png); background-size:13px 39px;}

    .feature-beta .flex-direction-nav a {background-image:url(images/bg-direction-nav-hero@2x.png); background-size:203px 125px;}
    .feature-beta .loctitle a {background:none;}

    #dirarrow {background-image:url(images/tour-mobile/bearing@2x.png); background-size:13px 20px;}
    .micon {background-image:url(images/tour-mobile/icons@2x.png); background-size:113px 131px;}
}


/* HiRes and 768px
   ----------------------------------------------------*/
@media
  only screen and (min-width:48em) and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min-width:48em) and (-o-min-device-pixel-ratio:3/2),
  only screen and (min-width:48em) and (min--moz-device-pixel-ratio:1.5),
  only screen and (min-width:48em) and (min-device-pixel-ratio:1.5) {
    .slides li {background-size:100% auto;}
}

/* Feature Blocks
   ----------------------------------------------------*/
@media screen,projection {
  /*
   * Features Mobile
   **************************/
  #slider .prevent,
  #slider .prevent a {background:none;}

  /* Peace Wager 2016-02-15 */
  .f-peace-wager {background:url(features/peace-wager/mobile@2x.jpg) center center no-repeat;}
    .lt-ie9 .f-peace-wager {background:url(features/peace-wager/standard.jpg) center center no-repeat;}

  /* Building a Better Phone 2016-01-25 */
  .f-building-a-better-phone {background:url(features/building-a-better-phone/mobile@2x.jpg) center center no-repeat;}
    .lt-ie9 .f-building-a-better-phone {background:url(features/building-a-better-phone/standard.jpg) center center no-repeat;}

  /* In the Mind's Eye 2016-01-15 */
  .f-walk-the-walk {background:url(features/walk-the-walk/mobile@2x.jpg) center center no-repeat;}
    .lt-ie9 .f-walk-the-walk {background:url(features/walk-the-walk/standard.jpg) center center no-repeat;}

  /* In the Mind's Eye 2016-01-11 */
  .f-in-the-minds-eye {background:url(features/in-the-minds-eye/mobile@2x.jpg) center center no-repeat;}
    .lt-ie9 .f-in-the-minds-eye {background:url(features/in-the-minds-eye/standard.jpg) center center no-repeat;}

  /* Haiti: Notre Dame's Fight to End Lymphatic Filariasis 2015-12-14 */
  .f-haiti-lymphatic-filariasis {background:url(features/haiti-lymphatic-filariasis/mobile@2x.jpg) center center no-repeat; background-size:100% auto;}
    .lt-ie9 .f-haiti-lymphatic-filariasis {background:url(features/haiti-lymphatic-filariasis/standard.jpg) center center no-repeat;}

}

/* 768px
   ----------------------------------------------------*/
@media only screen and (min-width:48em) {
 /*
  * Features Standard
  **************************/

  /* Peace Wager 2016-02-15 */
  .f-peace-wager {background:url(features/peace-wager/standard@2x.jpg) center center no-repeat;}

  /* Building a Better Phone 2016-01-25 */
  .f-building-a-better-phone {background:url(features/building-a-better-phone/standard@2x.jpg) center center no-repeat;}

  /* In the Mind's Eye 2016-01-15 */
  .f-walk-the-walk {background:url(features/walk-the-walk/standard@2x.jpg) center center no-repeat;}

  /* In the Mind's Eye 2016-01-11 */
  .f-in-the-minds-eye {background:url(features/in-the-minds-eye/standard@2x.jpg) center center no-repeat;}

  /* Haiti: Notre Dame's Fight to End Lymphatic Filariasis 2015-12-14 */
  .f-haiti-lymphatic-filariasis {background:url(features/haiti-lymphatic-filariasis/standard@2x.jpg) center top no-repeat;}
    .showvid .f-haiti-lymphatic-filariasis {background:none;}
  .f-haiti-lymphatic-filariasis video {height:100%;}
  .f-haiti-lymphatic-filariasis a {position:absolute; top:0; left:0; width:100%; height:100%;}
    .ad-title {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background-size:420px 311px;}
    .ad-title {background-image:url(features/haiti-lymphatic-filariasis/title.png);}

}

/* HiRes and 768px Features
----------------------------------------------------*/
@media
  only screen and (min-width:48em) and (-webkit-min-device-pixel-ratio:1.5),
  only screen and (min-width:48em) and (-o-min-device-pixel-ratio:3/2),
  only screen and (min-width:48em) and (min--moz-device-pixel-ratio:1.5),
  only screen and (min-width:48em) and (min-device-pixel-ratio:1.5) {



}