@font-face {
    font-family: "Campton Light";
    src: url("https://common.northwestern.edu/v8/css/fonts/CamptonBook.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Campton Bold";
    src: url("https://common.northwestern.edu/v8/css/fonts/CamptonBold.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Campton Extra Bold";
    src: url("https://common.northwestern.edu/v8/css/fonts/CamptonExtraBold.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

@font-face {
    font-family: "Campton Extra Light";
    src: url("https://common.northwestern.edu/v8/css/fonts/CamptonExtraLight.woff") format("woff");
    font-weight: normal;
    font-style: normal
}

.responsive-container .overlay h2 {
    font: 60px/1.2em "Campton Bold",Impact,sans-serif;
}

h2 {
    font: 46px/1.2em "Campton Light",Tahoma,sans-serif;
}

h3 {
    font: 34px/1.2em "Campton Bold",Impact,sans-serif;
}

h6 {
    font: 18px/1.3em "Campton Bold",Impact,sans-serif;
}

#emergency h2,#breaking_news h2 {
    font: 26px "Campton Bold",Impact,sans-serif
}

#emergency h3,#breaking_news h3 {
    font: 26px "Campton Bold",Impact,sans-serif
}

#emergency h4,#breaking_news h4 {
    font: 24px "Campton Bold",Impact,sans-serif
}

#top-nav .contain-1120 .dropdown p.intro,#top-nav .contain-1120 .dropdown-one-column p.intro,#top-nav .contain-1120 .dropdown-two-column p.intro {
    font: 30px "Campton Bold",Impact,sans-serif;
}

#tab-content .headings h4,.tab-content .headings h4 {
    font: 30px "Campton Bold",Impact,sans-serif;
}

#tab-content .contents .callout,.tab-content .contents .callout {
    font: 24px "Campton Light",Tahoma,sans-serif;
}

#tab-content .contents .callout a,.tab-content .contents .callout a {
    font-family: "Campton Light",Tahoma,sans-serif;
}

.hero h2 {
    font: 24px "Campton Extra Bold",Impact,sans-serif;
}

.hero p {
    font: 60px/1.2em "Campton Bold",Impact,sans-serif;
}

@media screen and (max-width: 1000px) {
    .hero p {
        font-size:48px
    }
}

@media screen and (max-width: 768px) {
    .standard-page .hero.mobile-hero .mobile-hero-text h2,.landing-page .hero.mobile-hero .mobile-hero-text h2 {
        font-size: 24px;
    }
    
    .standard-page .hero.mobile-hero .mobile-hero-text p,.landing-page .hero.mobile-hero .mobile-hero-text p {
        font-size: 48px
    }
}

@media screen and (max-width: 480px) {
    .landing-page .hero .hero-image.in-page h3,.standard-page .hero .hero-image.in-page h3 {
        font-size: 20px;
    }
    
    .landing-page .hero h2,.standard-page .hero h2 {
        font-size: 20px;
    }
    
    .landing-page .hero p,.standard-page .hero p {
        font-size: 28px
    }
    
    .landing-page .hero p.description,.standard-page .hero p.description {
        font-size: 20px
    }
    
    .landing-page .hero.mobile-hero .mobile-hero-text h2,.standard-page .hero.mobile-hero .mobile-hero-text h2 {
        font-size: 20px
    }

    .landing-page .hero.mobile-hero .mobile-hero-text p,.standard-page .hero.mobile-hero .mobile-hero-text p {
        font-size: 28px
    }
}

.landing-page .hero .hero-image.in-page h3 {
    font: 24px "Campton Extra Bold",Impact,sans-serif;
}

.info-box a.header {
    font: 22px/1em "Campton Bold",Impact,sans-serif;
}

@media screen and (max-width: 40em) {
    .info-box a.header {
        font: 19px/1em "Campton Bold",Impact,sans-serif;
    }
}

.standard-page #sidebar .box h3 {
    font: 18px/1.2em "Campton Bold",Impact,sans-serif;
}

.standard-page ol.steps li:before {
    font: 72px "Campton Bold",Impact,sans-serif;
}

.standard-page .stats-callout span.big {
    font: 72px "Campton Bold",Impact,sans-serif
}

.standard-page .stats-callout span.small {
    font: 24px "Campton Extra Light","Courier New",sans-serif;
}

@media screen and (max-width: 480px) {
    .standard-page .stats-callout span.big {
        font: 48px "Campton Bold",Impact,sans-serif
    }
}

.standard-page .background-select h3 {
    font: 42px "Campton Light",Tahoma,sans-serif;
}

.standard-page .background-select .select-date {
    font: 18px "Campton Bold",Impact,sans-serif;
}

.standard-page .showcase .stat-list {
    font: 24px "Campton Extra Light","Courier New",sans-serif;
}

.standard-page .showcase .stat-list strong {
    font: 72px/1em "Campton Bold",Impact,sans-serif;
}

.standard-page .showcase .stat-list ul li:first-child {
    font: 30px/1.2em "Campton Bold",Impact,sans-serif;
}

.standard-page .showcase .stat-list ul.bullet li:first-child {
    font: 26px/1.2em "Campton Bold",Impact,sans-serif;
}

.standard-page .quote {
    font: 24px/1.2em "Campton Light",Tahoma,sans-serif;
}

.standard-page .people-big .people-content h3,.standard-page .people-big .people-content h4,.standard-page .people-medium .people-content h3,.standard-page .people-medium .people-content h4,.standard-page .people-small .people-content h3,.standard-page .people-small .people-content h4 {
    font: 24px/1.2em "Campton Bold",Impact,sans-serif;
}

.standard-page .event .event-date {
    font-family: "Campton Bold",Impact,sans-serif;
}

.narrow-page #news-story .wrap #credit {
    font: 16px/1.4em "Campton Bold",Impact,sans-serif;
}

.narrow-page #news-story #story-floater #story-callout {
    font: 20px "Campton Light",Tahoma,sans-serif;
}

.standard-page .news-events-announcements .events-section article .event-date {
    font-family: "Campton Bold",Impact,sans-serif;
}

.landing-page .content h3 {
    font: 24px "Campton Extra Bold",Impact,sans-serif;
}

.landing-page .content p.subhead {
    font: 46px/1.2em "Campton Light",Tahoma,sans-serif;
}

@media screen and (max-width: 480px) {
    .landing-page .content .section-top h3,.landing-page .content .background-select h3,.landing-page .content .large-feature-wrap h3,.landing-page .content .in-page h3 {
        font: 20px "Campton Extra Bold",Impact,sans-serif;
    }
}

.landing-page #alert-box .alert-content .heading {
    font: 28px/1.1em "Campton Bold",Impact,sans-serif;
}

.landing-page .large-feature-inner .content-side h4 {
    font: 48px/1.1em "Campton Bold",Impact,sans-serif;
}

.landing-page .stats-callout span.big {
    font: 72px/1.1em "Campton Bold",Impact,sans-serif;
}

.landing-page .stats-callout span.small {
    font: 24px "Campton Extra Light","Courier New",sans-serif;
}

@media screen and (max-width: 800px) {
    .landing-page .stats-callout span.big {
        font:48px "Campton Bold",Impact,sans-serif
    }

    .landing-page .stats-callout span.small {
        font: 20px "Campton Extra Light","Courier New",sans-serif
    }
}

@media screen and (max-width: 550px) {
    .landing-page .stats-callout span.big {
        font:24px "Campton Bold",Impact,sans-serif
    }

    .landing-page .stats-callout span.small {
        font: 15px "Campton Extra Light","Courier New",sans-serif
    }
}

.landing-page .alternate-photo-float .text.tl-text {
    font: 24px/1.2em "Campton Light",Tahoma,sans-serif;
}

.landing-page .alternate-photo-float .text-over-image {
    font: 24px "Campton Extra Bold",Impact,sans-serif
}

.landing-page .alternate-photo-float .text-over-image .big {
    font: 72px/1em "Campton Bold",Impact,sans-serif
}

.landing-page .quote {
    font: 24px/1.2em "Campton Light",Tahoma,sans-serif;
}

.landing-page .number-boxes .half p {
    font: 24px "Campton Extra Bold",Impact,sans-serif;
}

.landing-page .number-boxes .half p span {
    font: 96px "Campton Bold",Impact,sans-serif;
}

.landing-page #announcement h2 {
    font: 34px "Campton Bold",Impact,sans-serif
}

.landing-page #announcement h3 {
    font: 26px "Campton Bold",Impact,sans-serif;
}

.landing-page #announcement h4 {
    font: 21px "Campton Bold",Impact,sans-serif
}

.landing-page #announcement h5 {
    font: 18px "Campton Bold",Impact,sans-serif
}

.expander h3, .expander h4 {
    margin: 0;
    margin-top: 0px;
    margin-bottom: 0px;
    font-size: 18px;
    line-height: inherit;
    border-top: 1px solid #f0f0f0;
}

#art-institute-science-logo {
    width: 130px;
    height:130px;
    display: block;
}
@media screen and (max-width: 1140px){
   #main-content .contain-1120 {
     margin: 2.5rem 1rem;
  }
}
 .homepage .content .sponsors-wrapper {
   margin-top: 5rem;
}

 @media screen and (max-width: 420px) {
   .landing-page .photo-feature-2-across .photo-feature .text-over-image h4 {
     margin-bottom: .5rem;
  }
}


 #top-bar #right > ul > li.dropdown:last-child:before {
   content: "|";
   display: block;
   position: absolute;
   left: 1rem;
}
 #top-bar #right > ul li.resources > a {
   display: inline;
}
 #top-bar #right > ul a {
   color: #fff;
   text-decoration: none;
   display: block;
   position: relative;
}
 #top-bar #right > ul > li.dropdown:last-child {
   padding-left: 2rem;
}
 #top-bar #right > ul li.resources {
   cursor: pointer;
}
 #top-bar #right > ul li:hover, #top-bar #right > ul li.hover {
   z-index: 100;
}
 #top-bar #right > ul li {
   display: table-cell;
   vertical-align: middle;
   position: relative;
   line-height: 100%;
   padding-left: 1rem;
   height: 60px;
}
#top-bar #right > ul a.external:after {
    content:"";
    display: inline-block;
    position: relative;
    height: 9px;
    margin-left: 0.45rem;
    width: 9px;
    background: none, url("https://mccormick.northwestern.edu/images/structure/external-link-white.svg");
   background-repeat: no-repeat;
   background-size: contain;
}
 #top-bar #right {
   position: relative;
   float: right;
   color: #fff;
   text-transform: uppercase;
}
/*.content a, .content-full a {
  */
  /* border-bottom: 1px dotted #b6acd1;
  */
  /*
}
*/
/*.content a:hover, .content-full a:hover {
  */
  /* border-bottom: 1px solid #4e2a84;
  */
  /* text-decoration: none;
  */
  /*
}
*/
 .content h2 a, .content-full h2 a {
   font-family: "Campton Book", Tahoma, sans-serif;
}
 .content h3 a, .content-full h3 a {
   font-family: "Campton Bold", Impact, sans-serif;
}
 .tab-content h4 {
   font: 28px "Campton Bold",Impact,sans-serif;
   color: #4e2a84;
   margin-top: 1rem;
}
 .photo-feature-3-across .photo-feature .photo-feature-2-across .photo-feature {
   position: relative;
}
 .photo-feature-3-across .photo-hover:before, .photo-feature-2-across .photo-hover:before {
   content: '';
   display:block;
   position: absolute;
   top: 50%;
   right: 0;
   bottom: 0;
   left: 0;
   background-image: linear-gradient( transparent , #000000 );
   opacity: .8;
}
 .collabo {
   display: block;
   margin: 35px auto;
}
 img#intro-logo {
   display: block;
   margin: 0 auto;
}

.rspnsv-wrap {
    max-width: 100%;
}

td.footable-visible.footable-last-column{
	padding-right:30px;
	position:relative
}
table.breakpoint td.footable-visible.footable-last-column{
	min-width:100px
}
table.breakpoint td.footable-visible.footable-last-column:after{
	content:"";
	display:block;
	width:25px;
	height:44px;
	position:absolute;
	right:5px;
	top:0;
	background:url("https://common.northwestern.edu/v8/css/images/icons/arrow-down-dkgrey.svg") center/85% no-repeat
}