@import url('https://fonts.googleapis.com/css?family=Oswald:300,400|Passion+One');

@media all {
	h2 {font-size:2.8em; text-align:center;}
	h3 {font-weight: 600; margin:20px 0 5px;}
	.white {background:#fff;}
	.grey {background: #f4f4f4;}
  .strip {}
  .strip > div {}
  .strip > div > div {max-width: 1140px; min-width: 320px; margin: 0 auto;}
  .strip.single-col > div > div {max-width: 800px;}
  .strip > div > div > div {padding: 30px 15px;}
	.strip > div > div > div
  .strip > div > div > div > :first-child {margin-top: 0;}
  .strip > div > div > div > :last-child {margin-bottom: 0;}
	
	.strip-header-sub {background:#010101;}
	.strip-header-sub > div {max-width: 1140px; min-width: 320px; margin: 0 auto;}
	
	.center {text-align:center; margin:5px auto;}
	.base-text {max-width:750px; text-align:left; margin:10px auto !important;}
  .base-text li {margin-left:15px;}
  p.small {font-size: 0.85em;font-family: 'Open Sans';line-height: 1.4em;}
	table tr td {padding:12px;}

  ul.gold-nav {margin: 8px auto; max-width: 1040px;}
  ul.gold-nav li {display: inline-block; background-color: transparent; border-radius: 0px; margin: 6px 12px; padding-bottom: 8px;}
  ul.gold-nav li a {color: black; padding: 6px 36px; border-bottom: 2px solid #333; font-size: 15px;}
  ul.gold-nav li a:hover {background-color: white; border-radius: 12px; text-decoration: none; border-bottom: 0px; transition: all .4s ease;}
  .gold-nav-wrap {background-color: gold; text-align: center; padding: 8px 0px;}
	
	.more {margin: 15px 0; font-family: "Oswald"; font-size: 1em; font-weight: 300; text-align: right; line-height: 1.2em;}
	.more.solo {text-align:center; font-size:2.25em; margin-bottom:60px !important;}
	.more a {display: inline-block; padding: 5px 15px 8px; border: 1px solid #1a99e0; border-radius: 5px; background: #1a99e0; color: #fff; transition: color .25s, background .25s; text-decoration: none;}
	.financial-need .more {text-align:left;}
	.financial-need .more a {background:#04669d; border:1px solid #04669d;}
  .more a:link {color: #fff; text-decoration: none;}
  .more a:visited {color: #fff; text-decoration: none;}
  .more a:hover {color: #1a99e0; background: transparent; text-decoration: none;}
  .more a:active {color: #1a99e0; background: transparent; text-decoration: none;}
  .more a::after {content: '\276f'; padding-left: 10px;}
	
	.more.apply a {background: #d97b4c; border: 1px solid #d97b4c; font-weight:100 !important;}
  .more.apply a:visited {color: #fff; text-decoration: none;}
  .more.apply a:hover {color: #d97b4c; background: #fff; text-decoration: none;}
  .more.apply a:active {color: #d97b4c; background: #fff; text-decoration: none;}
  .more.apply a::after {content: '\276f'; padding-left: 10px;}
	
  .white-button {margin: 25px 0; text-align: center; display:block;}
  .white-button a {background: #fff; color:#111 !important; padding: 12px; color: #010101; font-size:0.9em; border: 1px solid #111; border-radius: 12px; display:block;}
  .white-button a:hover {background:#fdf2c6; text-decoration:none !important; transition: ease 0.2s}
  .white-button a:visited {text-decoration:none !important;}
  .subtext {font-size: 0.7em; color:#555; line-height:1.2em;}

  .yellow-button {margin: 25px 0; text-align: center; display:block;}
  .yellow-button a {background: #ffcc00; color:#111 !important; padding: 12px; color: #010101; font-size:0.9em; border: 1px solid #010101; border-radius: 12px; display:block;}
  .yellow-button a:hover {background:#fdf2c6; text-decoration:none !important; transition: ease 0.2s}
  .yellow-button a:visited {text-decoration:none !important;}
  
	.yellow.more.solo a {background:#ffcc00; border:2px solid #ffcc00; color:#010101!important;}
  .yellow.more.solo a:hover {color: #010101; background: #fff; text-decoration: none;}
  .yellow.more.solo a:active {color: #010101; background: #fff; text-decoration: none;}
	.more.yellow a {background: #ffcc00; border: 1px solid #ffcc00; font-weight:100 !important; color:#010101;}
  .more.yellow a:visited {color: #010101; text-decoration: none;}
  .more.yellow a:hover {color: #010101; background: #fff; text-decoration: none;}
  .more.yellow a:active {color: #ffcc00; background: #fff; text-decoration: none;}
  .more.yellow a::after {content: '\276f'; padding-left: 10px;}

	.strip.strip-actions > div > div > div > .buttons > a.current {background:#d97b4c !important;}
  
  .strip.strip-text .recovery-nav ul {margin:0; padding:0;}
  .strip.strip-text .recovery-nav ul li {list-style-type: none;}
  .strip.strip-text .recovery-nav ul li a {display:block; font-family: 'Oswald'; font-size: 1.5em; border: 1px solid #bbb; padding: 15px; margin: 0; color:#010101; background: #fff; transition: 0.25s ease; font-weight: 100;}
  .strip.strip-text .recovery-nav ul li a:hover {background:#fdedad;}

  #myBtn {position: fixed; bottom: 20px; right: 30px; border: none; background-color:#ffcc00; color:#010101; cursor: pointer; padding: 10px; font-size: 11px; font-weight: bolder; font-family: 'Open Sans',sans-serif; border-radius: 6px; z-index: 10000; }
  #myBtn:hover { background-color: #feea9b; }
  .bio-wrap > div > p {font-size: 15px; line-height: 26px; text-align: left; color: #444; margin-bottom: 12px;}
  
 /*-- Second Nav --*/
  .breakout-nav > div > div > div {display:flex; font-family: 'Oswald'; background: #222; border-bottom: 1px solid #fff; font-weight: 100;}
  .breakout-nav > div > div > div > div {padding:25px; text-align:center; font-size:1.5em; flex:auto;}
  .breakout-nav > div > div > div > div a {color:#fff;}
  
  .recovery-nav ul.navflex  {margin:0; padding:0; width:100%;}
  .recovery-nav ul.navflex li {list-style-type: none;}
  .recovery-nav ul.navflex li a {display:block; font-family: 'Oswald'; font-size: 1.3em; border: 1px solid #bbb; font-weight:100; line-height:1.1em; padding: 15px; margin: 0; color:#010101; background: #fff; transition: 0.25s ease; width:100%;}
  .recovery-nav ul.navflex li a:hover {background:#fdedad;}
  .mobile-nav {margin-bottom:30px;}
  
  
	@media all and (min-width: 480px) {
    .more {font-size: 1.2em; line-height: 1.2em;}
  }

  @media all and (min-width: 768px) {
		h2 {font-size:3.5em;}
    .strip > div > div > div {padding: 30px;}
    .more {font-size: 1.4em; line-height: 1.2em;}
    .mobile-nav {display:none;}
    .navflex {display:flex}
    .recovery-nav ul.navflex li {display:flex; flex-grow:1;}
    .recovery-nav ul.navflex li a {font-size: 1.3em;}
  }
  
    @media all and (min-width: 960px) {
    .recovery-nav ul.navflex li a {font-size: 1.5em;}
  }

}

@media all { /* Accordion */
.accordion {font-size: 1rem;margin: 0 auto;border-radius: 5px; margin: 30px 0 60px;}
.accordion-header, .accordion-body {background: white;}
.accordion-header {padding: 1.5em 1.5em; font-family: 'Oswald'; background: #f3f3f3; cursor: pointer; transition: all .2s; border:1px solid #bbb;}
.strip.strip-text > div > div > div .accordion-header h3 {margin:0; padding:0;} 
.accordion__item {position: relative;}
.accordion-header:hover {background: #ddd;position: relative; z-index: 10;}
.accordion-body {background: #fcfcfc; color: #010101;}
.accordion-none {display: none;}
    
.accordion-body__contents { padding: 1.5em 1.5em; border-left: 1px solid #ddd; border-right: 1px solid #ddd; background: #fff;}
.accordion__item.active:last-child .accordion-header {border-radius: none;}
.accordion:first-child > .accordion__item > .accordion-header {border-bottom: 1px solid transparent;}
.accordion__item > .accordion-header:after {font-family: 'Open Sans', sans-serif; color: #888; content: ">"; font-size: 1.2em; float: right; position: relative; transition: .2s all; bottom:15px; transform: rotate(0deg);}
.accordion__item.active > .accordion-header:after {transform: rotate(90deg);}
.accordion__item .accordion__item .accordion-header {background: #f1f1f1; color: #353535;}
.accordion__item.js-accordion-item:last-child {border-bottom: 1px solid #bbb;}

@media screen and (max-width: 1000px) {
  body {}
  .accordion {width: 100%;}
  }
}


@media all { /* Standard Text Column */
  .strip.strip-text > div > div > div h1 {margin:25px 0 15px; font-family:'Oswald'; font-size:3em;}
  .strip.strip-text > div > div > div h2 {margin:20px 0; font-family:'Oswald'; font-size:2.75em; text-align: left; padding-bottom: 10px;}
  .strip.strip-text > div > div > div h3 {margin:20px 0 10px; font-family:'Oswald'; font-size:1.75em; text-align: left; padding-bottom: 5px; border-bottom:1px solid #ccc;}
  .strip.strip-text > div > div > div h4 {font-family: 'Oswald','Open Sans',sans-serif; margin:10px 0;}
  .strip.strip-text > div > div > div p {margin-bottom:15px;}
  .strip.strip-text > div > div > div p.lead {font-size:1.3em; font-weight:200; line-height:1.4em;}
  .strip.strip-text > div > div > div ol {margin: 15px 30px;}
  .strip.strip-text > div > div > div ul {margin: 15px 30px;}
  .strip.strip-text > div > div > div ol.card-strip {margin: 30px 0;}
  .strip.strip-text > div > div > div ul.card-strip {margin: 30px 0;}
  .strip.strip-text > div > div > div ol li {margin-bottom 8px;}
  .strip.strip-text > div > div > div ul li {margin-bottom: 8px;}
  
  .strip.strip-text > div > div > div .sidebar-flex p {font-weight:200;}
  .strip.strip-text > div > div > div .sidebar-flex ul li {font-weight:200; line-height: 1.5em; margin-bottom: 5px;}
  .strip.strip-text > div > div > div .sidebar-flex ol li {font-weight:200; font-weight:200; line-height: 1.5em; margin-bottom: 5px;}
  .strip.strip-text > div > div > div .main-flex .card-container .img-card {margin:30px auto; width:50%;}
  .strip.strip-text > div > div > div .main-flex .card-container .img-card p {font-weight: 800; text-align: center; line-height:1.4em;}
  
  @media all and (min-width: 480px) {

  }

  @media all and (min-width: 600px) {

  }

  @media all and (min-width: 768px) {
    .strip.strip-text > div > div > div {display:flex;}
    .strip.strip-text > div > div > div .main-flex {flex:2;}
    .strip.strip-text > div > div > div .sidebar-flex {flex:1; margin-left:60px;} 
    .strip.strip-text > div > div > div ol {}
    .strip.strip-text > div > div > div ul {}
    .strip.strip-text > div > div > div .main-flex .card-container {display:flex; flex-wrap:wrap;}
    .strip.strip-text > div > div > div .main-flex .card-container .img-card {flex:1 1 20%; padding:3px; margin:10px auto}
    .strip.strip-text > div > div > div .main-flex .card-container.four .img-card {flex:1 1 23%; padding:3px;}
    .strip.strip-text > div > div > div .main-flex .card-container .img-card p {font-size: 12px; font-weight: 800; text-align: center; line-height:1.4em;}
  }

  @media all and (min-width: 800px) {
 
  }
}


@media all { /* Header */
  .strip.strip-header {position: relative; width: 100%; height: 350px; background: #010101; overflow: hidden;}
  .strip.strip-header::after {position: absolute; top: 0; left: 0; width: 100%; height: 350px; content: ''; background: rgba(0,0,0,.5); z-index: 200;}
  .strip.strip-header .image {position: absolute; width: 100%; height: 350px;}
  .strip.strip-header .image.image-019 {background: #000 url(../_images/_slideshow/019.jpg) center center; background-size: cover;}

  .strip.strip-header .text {position: absolute; left: 20%; top: 50%; width: 80%; color: #fff; transform: translate(-12.5%, -50%); text-align: center; z-index: 300;}
  .strip.strip-header .text h1.title {font-family: 'Oswald', Arial, sans-serif; font-size: 3.25em; line-height: 1.1em;}
  .strip.strip-header .text p.lead {font-family: "Oswald"; font-size: 1.5em; line-height: 1.2em;}
	.strip.strip-header .text p {font-size: 1em; line-height:1.3em; margin:10px;}

  @media all and (min-width: 480px) {
    .strip.strip-header .text p.title {font-size: 5em; line-height: 1em;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-header .text p.title {font-size: 6em; line-height: 1em;}
    .strip.strip-header .text p.lead {font-size: 1.75em; line-height: 1.2em;}
		.strip.strip-header .text p {font-size:1.3em;}
  }

  @media all and (min-width: 768px) {
    .strip.strip-header {height:250px;}
		.strip.strip-header .image {height: 250px;}
    .strip.strip-header .text h1.title {font-size:4.5em;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-header .text p.title {font-size: 6em; line-height: 1em;}
    .strip.strip-header .text p.lead {font-size: 1.75em; line-height: 1.2em;}
		.strip.strip-header .text p {font-size: 1.3em;}
  }
}

@media all { /* Base Strip */
	.strip.strip-base > div > div > div > h2 {color:#000; margin:50px 0 20px; font-size:2.5em;}
	.strip.strip-base.financial-need > div > div > div > h2 {color:#fff;}
	.strip.strip-base > div > div > div > ul {margin:5px 5px 5px 20px;}
	.strip.strip-base > div > div > div > ul li {margin-bottom:5px;}
	.strip.strip-base > div > div > div > ol {margin:5px 5px 5px 20px;}
	.strip.strip-base > div > div > div > ol li {margin-bottom:5px;}
	.strip.strip-base > div {background: #efefef;}
	.strip.strip-base.white > div {background: #fff;}
	.strip.strip-base.white.financial-need > div {background: #04669d;}
  .strip.strip-base > div > div > div {padding: 40px 10px;}
	.strip.strip-base > div > div > div > p {margin-bottom:10px; max-width:750px;}
	.strip.strip-base > div > div > div > .lead {max-width: 900px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #000; text-align: center; line-height: 1.2em;}
	.strip.strip-base.financial-need > div > div > div > .lead {color:#fff;}
	.strip.strip-base ul.base ul {margin:10px 0 10px 15px;}
	.strip.strip-base ul.base ol {margin:10px 0 10px 15px;}
	.strip.strip-base ul.base ul li {margin-bottom:5px;}
	.strip.strip-base ul.base ol li {margin-bottom:5px;}
  ul.base {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
  ul.base > li {padding: 15px; border-radius: 10px; background: #fff;}
  ul.base > li > div {display: table; width: 100%; table-layout: fixed;}
	ul.base > li > div > div > p {margin-bottom:10px;}
  ul.base > li > div > div > div {padding: 0 15px 0 0; vertical-align: top;}
  ul.base > li > div > div > div a {display: block;}
  ul.base > li > div > div > div img {display: block; line-height: 0;}
  ul.base > li > div > div > h2 {display: table-cell; vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
  ul.base > li > div > div > h2 > a {color: #fff;}
  ul.base > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
  ul.base > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
  ul.base > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
  ul.base > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}

  @media all and (min-width: 480px) {
    .strip.strip-base > div > div > div > .lead {font-size: 1.6em; line-height: 1.2em;}
    ul.base {grid-template-columns: repeat(2, 1fr);}
    ul.base > li > div {display: block;}
   	ul.base > li > div > div {width: 100%;}
    ul.base > li > div > div > div {display: block; padding: 0 0 5px;}
    ul.base > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.2em;}
  }

  @media all and (min-width: 600px) {
		.strip.strip-base > div > div > div > h2 {font-size:2.8em;}
		ul.base {grid-template-columns: repeat(3, 1fr);}
		.financial-need ul.base {grid-template-columns: repeat(2, 1fr);}
		ul.base > li {padding: 30px;}
		.strip.strip-base > div > div > div > ul {margin:5px 15px;}
  }

  @media all and (min-width: 800px) {
  }

  @media all and (min-width: 1000px) {
    ul.base > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
  }

}

@media all { /* Card Strip */
    .strip.strip-card-strip > div > div > div > h2 {margin-bottom:30px;}
    .strip.strip-card-strip > div > div {position:relative; z-index:300;}
    .strip.strip-card-strip > div > div > div {}
    .strip.strip-card-strip > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.2em;}
    .strip.strip-card-strip ul.card-strip ul {margin:10px 0 10px 15px;}
    .strip.strip-card-strip ul.card-strip ol {margin:10px 0 10px 15px;}
    .strip.strip-card-strip ul.card-strip ul li {margin-bottom:10px;}
    .strip.strip-card-strip ul.card-strip ol li {margin-bottom:10px;}
    .strip.strip-card-strip ul.card-strip a {}
    .strip.strip-card-strip ul.card-strip ul li a {font-weight: 600;}
    .strip-card-strip div div div > p a {color: #ffcc00;}
    .strip.strip-card-strip ul.card-strip .more a {font-weight: 300;}
    ul.card-strip {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 20px; list-style: none; margin: 0 0 20px; padding: 0;}
    ul.card-strip > li {padding: 20px; border-radius: 10px; background:rgba(0, 0, 0, 0.7); font-weight:300; color:#fff;}
    ul.card-strip > li > div {display: table; width: 100%; table-layout: fixed;}
    ul.card-strip > li > div > div > div {vertical-align: top;}
    ul.card-strip > li > div > div > div a {display: block;}
    ul.card-strip > li > div > div > div img {display: block; line-height: 0;}
    ul.card-strip > li > div > div > h2 { vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#ffcc00;}
    ul.card-strip > li > div > div > h2 > a {color: #fff;}
    ul.card-strip > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
    ul.card-strip > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
    ul.card-strip > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
    ul.card-strip > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}
    .strip.strip-card-strip ul.card-strip > li > div > div > h3 {color: #fff; font-weight:400; font-size: 1.75em; border-bottom:1px solid #ffcc00;}
    .strip.strip-card-strip ul.card-strip > li > div > div > h4 {color: #fff; font-weight:400;}

    @media all and (min-width: 480px) {
    .strip.strip-admissions > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
        ul.card-strip {grid-template-columns: repeat(2, 1fr);}
        ul.card-strip > li > div {display: block;}
        ul.card-strip > li > div > div {display: table-row; width: 100%;}
        ul.card-strip > li > div > div > div {display: block; padding: 0 0 5px;}
        ul.card-strip > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.2em;}
    }

    @media all and (min-width: 600px) {
        ul.card-strip {grid-template-columns: repeat(2, 1fr);}
        ul.card-strip > li {padding: 30px;}
    }

    @media all and (min-width: 800px) {
        .strip.strip-admissions > div > div > div {padding: 60px 30px;}
        ul.card-strip.two {grid-template-columns: repeat(2, 1fr); margin-bottom:20px;}
        ul.card-strip {grid-template-columns: repeat(3, 1fr);}
    }

    @media all and (min-width: 1000px) {
    ul.card-strip > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
    }

  }

@media all { /* Subnav */
    .strip.strip-subnav.dark-bkg {background:#010101;}

    .strip.strip-subnav .highlight {display:inline-block; margin:15px 10px; text-align: center;}
    .strip.strip-subnav .highlight a {background-color: gold; color: #222; border-radius: 6px; font-weight: bold; padding: 6px 18px; font-size: 18px; font-family: 'Oswald';  border : 1px solid gold;  -webkit-transition : border 150ms ease-out;  -moz-transition : border 150ms ease-out; -o-transition : border 150ms ease-out; font-weight: 300;}
    .strip.strip-subnav .highlight a:hover {background-color: white; border: solid 1px #222; text-decoration: none;}
    .strip.strip-subnav .highlight a.larger {font-size: 16px;}
    .strip.strip-subnav .highlight a::after {content: '\276f'; padding-left: 10px;}

    .subnav-wrap {text-align: center; padding: 60px 12px; margin: 0 auto;}
    .subnav-wrap > div {max-width}
    .subnav-wrap h1 {font-size: 28px; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; font-weight: 400;}
    .subnav-wrap p {color: white; font-size: 14px; margin-bottom: 24px;}

}
  
  @media all and (min-width: 400px) {
    
  }

  @media all and (min-width: 480px) {

  }

  @media all and (min-width: 600px) {
  }

@media all { /* Stats */
  .strip.strip-stats {background: #111;}
  .strip.strip-stats > div > div > div > h2 {color:#fff; font-family:'Oswald';}
  .strip.strip-stats > div > div > div > p {max-width: 900px; margin: 0 auto 30px; font-family: 'Open Sans'; font-size: 1.6em; font-weight: 300; color: #fff; text-align: center; line-height: 1.2em;}
  .strip.strip-stats > div > div > div > p.small {font-size: 0.85em;font-family: 'Open Sans';line-height: 1.4em;}
  .strip.strip-stats > div > div > div > ul {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px 10px; list-style: none; margin: 0 0 30px; padding: 0;}
  .strip.strip-stats > div > div > div > ul > li {padding: 10px; border: 1px solid #333; border-radius: 15px;}
  .strip.strip-stats > div > div > div > ul > li div:first-child {color: #fff; text-align: center; font-family: "Passion One"; font-size: 3.4em; line-height: 1em;}
  .strip.strip-stats.inviewenabled > div > div > div > ul > li div:first-child {color: #222;}
  .strip.strip-stats.inview > div > div > div > ul > li div:first-child {color: #ffcc00; transition: color 2s;}
  .strip.strip-stats > div > div > div > ul > li div:last-child {color: #aaa; text-align: center; font-size: 1em; line-height: 1.5em;}

  .strip.strip-stats > div > div > div > h3 {color:#fff; margin: 20px 0; font-size: 2.2em; text-align: center; border-bottom: 5px solid #222;font-weight: 100; padding-bottom: 15px;}
  .strip.strip-stats.reduced > div > div > div > ul > li div:first-child {font-size:2.5em;}
  .strip.strip-stats.reduced > div > div > div > ul > li h3 {font-size:1.1em; font-weight:100; margin:5px 0;}

  @media all and (min-width: 480px) {
    .strip.strip-stats > div > div > div > ul {grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-stats > div > div > div > ul > li div:first-child {font-size: 3.6em; line-height: 1em;}
  }

  @media all and (min-width: 768px) {
    .strip.strip-stats > div > div > div > ul {grid-template-columns: repeat(4, 1fr);}
  }

  @media all and (min-width: 800px) {
  }

  @media all and (min-width: 1000px) {
    .strip.strip-stats > div > div > div > ul > li div:first-child {font-size: 4em; line-height: 1em;}
  }
}


@media all { /* four-col */
	.strip.strip-four-col .lead a {color:#41a6df;} 
	.strip.strip-four-col > div > div > div > h2 {color:#fff; margin-bottom:30px;}
	.strip.strip-four-col > div {background: #414141;}
  .strip.strip-four-col > div > div > div {padding: 60px 15px;}
  .strip.strip-four-col > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: center; line-height: 1.2em;}
	.strip.strip-four-col ul.four-col ul {margin:10px 0 10px 15px;}
	.strip.strip-four-col ul.four-col ol {margin:10px 0 10px 15px;}
	.strip.strip-four-col ul.four-col ul li {margin-bottom:10px;}
	.strip.strip-four-col ul.four-col ol li {margin-bottom:10px;}
  ul.four-col {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
  ul.four-col > li {padding: 15px; border-radius: 10px; background: #fff;}
  ul.four-col > li > div {display: table; width: 100%; table-layout: fixed;}
  ul.four-col > li > div > div > div {vertical-align: top;}
  ul.four-col > li > div > div > div a {display: block;}
  ul.four-col > li > div > div > div img {display: block; line-height: 0;}
  ul.four-col > li > div > div > h2 {display: table-cell; vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
  ul.four-col > li > div > div > h2 > a {color: #fff;}
  ul.four-col > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
  ul.four-col > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
  ul.four-col > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
  ul.four-col > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}
	.four-col .more.apply a {text-align:left; font-size:1.5em; line-height:1.2em;}
	
	
	.strip.strip-four-col.transfer > div {background: #014266;}
	.strip.strip-four-col.transfer .more.apply a {background:#014266; border:1px solid #014266;}
	.strip.strip-four-col.transfer .more.apply a:hover {color:#014266; background:#fff;}
	
	.strip.strip-four-col.online > div {background: #641717;}
	.strip.strip-four-col.online .more.apply a {background:#641717; border:1px solid #641717;}
	.strip.strip-four-col.online .more.apply a:hover {color:#641717; background:#fff;}
	
	.strip.strip-four-col.costs-aid > div {background: #708d6c;}
	.strip.strip-four-col.costs-aid .more.apply a {background:#708d6c; border:1px solid #708d6c;}
	.strip.strip-four-col.costs-aid .more.apply a:hover {color:#708d6c; background:#fff;}

  @media all and (min-width: 480px) {
    .strip.strip-four-col > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
    ul.four-col {grid-template-columns: repeat(1, 1fr);}
    ul.four-col > li > div {display: block;}
   	ul.four-col > li > div > div {display: table-row; width: 100%;}
    ul.four-col > li > div > div > div {display: block; padding: 0 0 5px;}
    ul.four-col > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.2em;}
  }

  @media all and (min-width: 600px) {
		ul.four-col {grid-template-columns: repeat(2, 1fr);}
  }
 
  @media all and (min-width: 800px) {
		ul.four-col {grid-template-columns: repeat(4, 1fr);}
	 .strip.strip-four-col > div > div > div {padding: 60px 30px;}
	 .four-col .more.apply a {font-size:1.3em; line-height:1.1em;}
  }

  @media all and (min-width: 1000px) {
    ul.four-col > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
  }

}


@media all { /* financial-aid */
	.strip.strip-financial-aid .lead a {color:#41a6df;} 
	.strip.strip-financial-aid > div > div > div > h2 {color:#fff; margin-bottom:30px;}
	.strip.strip-financial-aid > div {background: #414141;}
  .strip.strip-financial-aid > div > div > div {padding: 60px 15px;}
  .strip.strip-financial-aid > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: left; line-height: 1.2em;}
	.strip.strip-financial-aid ul.financial-aid ul {margin:10px 0 10px 15px;}
	.strip.strip-financial-aid ul.financial-aid ol {margin:10px 0 10px 15px;}
	.strip.strip-financial-aid ul.financial-aid ul li {margin-bottom:10px;}
	.strip.strip-financial-aid ul.financial-aid ol li {margin-bottom:10px;}
  ul.financial-aid {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
  ul.financial-aid > li {padding: 15px; border-radius: 10px; background: #fff;}
  ul.financial-aid > li > div {display: table; width: 100%; table-layout: fixed;}
  ul.financial-aid > li > div > div > div {vertical-align: top;}
  ul.financial-aid > li > div > div > div a {display: block;}
  ul.financial-aid > li > div > div > div img {display: block; line-height: 0;}
  ul.financial-aid > li > div > div > h2 {display: table-cell; vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
  ul.financial-aid > li > div > div > h2 > a {color: #fff;}
  ul.financial-aid > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
  ul.financial-aid > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
  ul.financial-aid > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
  ul.financial-aid > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}

  @media all and (min-width: 480px) {
    .strip.strip-financial-aid > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
    ul.financial-aid {grid-template-columns: repeat(1, 1fr);}
    ul.financial-aid > li > div {display: block;}
   	ul.financial-aid > li > div > div {display: table-row; width: 100%;}
    ul.financial-aid > li > div > div > div {display: block; padding: 0 0 5px;}
    ul.financial-aid > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.2em;}
  }

  @media all and (min-width: 600px) {
		ul.financial-aid {grid-template-columns: repeat(2, 1fr);}
		ul.financial-aid > li {padding: 30px;}
  }

  @media all and (min-width: 800px) {
	 .strip.strip-financial-aid > div > div > div {padding: 60px 30px;}
  }

  @media all and (min-width: 1000px) {
    ul.financial-aid > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
  }

}

@media all { /* Actions */
  .strip.strip-actions {position: sticky; position: -webkit-sticky; top: 0; z-index: 1001; background-image: linear-gradient(90deg, #cb4f11 50%, #641717 50%);}
  .strip.strip-actions.strip-actions-below {display: none;}
  .strip.strip-actions > div {}
  .strip.strip-actions > div > div {}
  .strip.strip-actions > div > div > div {padding: 0 15px;}
  .strip.strip-actions > div > div > div > .buttons {display: grid; grid-template-columns: repeat(4, 1fr);}
  .strip.strip-actions > div > div > div > .buttons > a {display: flex; padding: 15px; justify-content: center; align-items: center; font-family: "Oswald"; font-size: 1em; font-weight: 300; color: #fff; line-height: 1.2em; text-align: center;}
  .strip.strip-actions > div > div > div > .buttons > a:link {color: #fff; text-decoration: none;}
  .strip.strip-actions > div > div > div > .buttons > a:visited {color: #fff; text-decoration: none;}
  .strip.strip-actions > div > div > div > .buttons > a:hover {color: #fff; text-decoration: none;}
  .strip.strip-actions > div > div > div > .buttons > a:active {color: #fff; text-decoration: none;}
  .strip.strip-actions > div > div > div > .buttons > a:first-child {background: #cb4f11;}
  .strip.strip-actions > div > div > div > .buttons > a:first-child:hover {background: #d97b4c;}
  .strip.strip-actions > div > div > div > .buttons > a:nth-child(2) {background: #014266;}
  .strip.strip-actions > div > div > div > .buttons > a:nth-child(2):hover {background: #6a8fa4;}
  .strip.strip-actions > div > div > div > .buttons > a:nth-child(3) {background: #41683c;}
  .strip.strip-actions > div > div > div > .buttons > a:nth-child(3):hover {background: #708d6c;}
  .strip.strip-actions > div > div > div > .buttons > a:last-child {background: #641717;}
  .strip.strip-actions > div > div > div > .buttons > a:last-child:hover {background: #af4747;}

  @media all and (min-width: 768px) {
    .strip.strip-actions.strip-actions-above {display: none;}
    .strip.strip-actions.strip-actions-below {display: block;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-actions > div > div > div {padding: 0 30px;}
    .strip.strip-actions > div > div > div > .buttons > a {padding: 15px; font-size: 1.5em;}
  }

  @media all and (min-width: 1000px) {
    .strip.strip-actions > div > div > div > .buttons > a {font-size: 1.75em;}
  }

}

@media all { /* scholarships */
	.strip.strip-scholarships > div > div > div > h2 {color:#000; margin-bottom:30px;}
	.strip.strip-scholarships > div {background: #d97b4c;}
  .strip.strip-scholarships > div > div > div {padding: 60px 15px;}
  .strip.strip-scholarships > div > div > div > p {max-width: 750px; margin: 0 auto 60px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #000; text-align: left; line-height: 1.2em;}
	.strip.strip-scholarships ul.scholarships ul {margin:10px 0 10px 15px;}
	.strip.strip-scholarships ul.scholarships ol {margin:10px 0 10px 15px;}
	.strip.strip-scholarships ul.scholarships ul li {margin-bottom:10px;}
	.strip.strip-scholarships ul.scholarships ol li {margin-bottom:10px;}
	.strip.strip-scholarships ul.scholarships a {font-weight: 600;}
	.strip.strip-scholarships ul.scholarships ul li a {font-weight: 600;}
  ul.scholarships {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
  ul.scholarships > li {padding: 15px; border-radius: 10px; background: #fff;}
  ul.scholarships > li > div {display: table; width: 100%; table-layout: fixed;}
  ul.scholarships > li > div > div > div {vertical-align: top;}
  ul.scholarships > li > div > div > div a {display: block;}
  ul.scholarships > li > div > div > div img {display: block; line-height: 0;}
  ul.scholarships > li > div > div > h2 { vertical-align: middle; font-family: "Oswald"; font-size: 2.3em; font-weight: 300; line-height: 1.2em; margin: 15px 0; color:#000;}
  ul.scholarships > li > div > div > h2 > a {color: #fff;}
  ul.scholarships > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
  ul.scholarships > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
  ul.scholarships > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
  ul.scholarships > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}

  @media all and (min-width: 480px) {
    .strip.strip-scholarships > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
    ul.scholarships {grid-template-columns: repeat(2, 1fr);}
    ul.scholarships > li > div {display: block;}
   	ul.scholarships > li > div > div {display: table-row; width: 100%;}
    ul.scholarships > li > div > div > div {display: block; padding: 0 0 5px;}
    ul.scholarships > li > div > div > h2 {display: block; font-size: 2.3em; line-height: 1.2em;}
  }

  @media all and (min-width: 600px) {
		ul.scholarships {grid-template-columns: repeat(2, 1fr);}
		ul.scholarships > li {padding: 30px;}
  }

  @media all and (min-width: 800px) {
		.strip.strip-scholarships > div > div > div {padding: 60px 30px;}
		ul.scholarships {grid-template-columns: repeat(3, 1fr);}
  }

  @media all and (min-width: 1000px) {
    ul.scholarships > li > div > div > h2 {font-size: 2.5em; line-height: 1.2em;}
  }

}


@media all { /* Programs */
  .strip.strip-programs {background: #ddd;}
  .strip.strip-programs > div > div > div > p {max-width: 900px; margin: 0 auto 30px; font-family: "Oswald"; font-size: 1.5em; font-weight: 300; color: #222; text-align: center; line-height: 1.2em;}
  ul.programs {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
  ul.programs > li {padding: 15px; border: 1px solid #222; border-radius: 10px; background: #fff;}
  ul.programs > li h2 {font-family: "Oswald"; font-size: 1.7em; font-weight: 300; line-height: 1em; margin: 0 0 1em;}
  ul.programs > li ul {padding-left: 30px;}

  @media all and (min-width: 480px) {
    .strip.strip-programs > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-programs > div > div > div > p {font-size: 1.7em; line-height: 1.2em;}
    ul.programs {grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-programs > div > div > div > p {font-size: 1.8em; line-height: 1.2em;}
  }

  @media all and (min-width: 900px) {
    ul.programs {grid-template-columns: repeat(3, 1fr);}
  }

  @media all and (min-width: 1000px) {
    .strip.strip-programs > div > div > div > p {font-size: 2em; line-height: 1.2em;}
  }

}

@media all { /* Events */
  .strip.strip-events {background: #333;}
  .strip.strip-events > div > div > div > p {max-width: 900px; margin: 0 auto 30px; font-family: "Oswald"; font-size: 1.5em; font-weight: 300; color: #fff; text-align: center; line-height: 1.2em;}
  .strip.strip-events .more a {border-color: #555; background: #555; color: #fff;}
  .strip.strip-events .more a:link {color: #fff;}
  .strip.strip-events .more a:visited {color: #fff;}
  .strip.strip-events .more a:hover {color: #555; background: transparent;}
  .strip.strip-events .more a:active {color: #555; background: transparent;}
  ul.artsevents {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; color: #fff; margin: 0 0 30px; padding: 0;}
  ul.artsevents > li {padding: 5px;}
  ul.artsevents > li > div {display: table; width: 100%; table-layout: fixed;}
  ul.artsevents > li > div > div {display: table-row; width: 100%;}
  ul.artsevents > li > div > div .artsevents-thumbnail {display: table-cell; padding: 0 15px 0 0; vertical-align: top;}
  ul.artsevents > li > div > div .artsevents-thumbnail > a {display: block;}
  ul.artsevents > li > div > div .artsevents-thumbnail > a > img {display: block; line-height: 0;}
  ul.artsevents > li > div > div .artsevents-text {display: table-cell; vertical-align: middle;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-left {display: none;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right {}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title {font-family: "Oswald"; font-size: 1em; line-height: 1.1em; color: #1a99e0;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title > a {color: #1a99e0; text-decoration: none;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title > a:link {color: #1a99e0; text-decoration: none;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title > a:visited {color: #1a99e0; text-decoration: none;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title > a:hover {color: #1aa9f0; text-decoration: none;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title > a:active {color: #1a99e0; text-decoration: none;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-subtitle {display: none;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-date {margin: 5px 0 0; font-family: "Oswald"; font-size: .8em; line-height: 1.4em;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-time {font-family: "Oswald"; font-size: .8em; line-height: 1.4em;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-location {margin: 5px 0 0; font-family: "Oswald"; font-size: .9em; line-height: 1.3em; color: #bbb;}
  ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-teaser {display: none;}

  @media all and (min-width: 400px) {
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title {font-size: 1.1em; line-height: 1.1em;}
  }

  @media all and (min-width: 480px) {
    .strip.strip-events > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
    ul.artsevents {grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
    ul.artsevents > li {padding: 5px;}
    ul.artsevents > li > div {display: block;}
    ul.artsevents > li > div > div {display: block;}
    ul.artsevents > li > div > div .artsevents-thumbnail {display: block; padding: 0 0 15px;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-left {display: block; padding: 2px; background: #555; font-family: "Oswald"; font-size: .9em; background: #555; border-radius: 5px; text-align: center;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-left > div {display: inline; margin-right: 5px;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title {margin: 10px 0 0; font-size: 1.2em; line-height: 1.1em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-subtitle {display: block; margin: 10px 0 0; font-family: "Oswald"; font-size: .8em; line-height: 1.3em; color: #bbb;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-date {margin: 10px 0 0; font-size: .9em; line-height: 1.4em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-time {font-size: .9em; line-height: 1.4em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-location {margin: 10px 0 0;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-teaser {display: block; margin: 10px 0 0; font-size: .7em; line-height: 1.5em; color: #aaa;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-events > div > div > div > p {font-size: 1.7em; line-height: 1.2em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title {font-size: 1.4em; line-height: 1.1em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-subtitle {font-size: .9em; line-height: 1.3em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-date {font-size: 1em; line-height: 1.4em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-time {font-size: 1em; line-height: 1.4em;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-events > div > div > div > p {font-size: 1.8em; line-height: 1.2em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-teaser {font-size: .7em; line-height: 1.5em;}
  }

  @media all and (min-width: 900px) {
    ul.artsevents {grid-template-columns: repeat(4, 1fr);}
  }

  @media all and (min-width: 1000px) {
    .strip.strip-events > div > div > div > p {font-size: 2em; line-height: 1.2em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-title {font-size: 1.5em; line-height: 1.1em;}
    ul.artsevents > li > div > div .artsevents-text .artsevents-right .artsevents-subtitle {font-size: 1em; line-height: 1.3em;}
  }

}

@media all { /* News */
  .strip.strip-news {background: #222;}
  .strip.strip-news > div > div > div > p {max-width: 900px; margin: 0 auto 30px; font-family: "Oswald"; font-size: 1.5em; font-weight: 300; color: #fff; text-align: center; line-height: 1.2em;}
  .strip.strip-news .more a {border-color: #333; background: #333; color: #fff;}
  .strip.strip-news .more a:link {color: #fff;}
  .strip.strip-news .more a:visited {color: #fff;}
  .strip.strip-news .more a:hover {color: #333; background: transparent;}
  .strip.strip-news .more a:active {color: #333; background: transparent;}
  ul.artsnews {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; color: #fff; margin: 0 0 30px; padding: 0;}
  ul.artsnews > li {padding: 5px;}
  ul.artsnews > li > div {display: table; width: 100%; table-layout: fixed;}
  ul.artsnews > li > div > div {display: table-row; width: 100%;}
  ul.artsnews > li > div > div .artsnews-thumbnail {display: table-cell; padding: 0 15px 0 0; vertical-align: top;}
  ul.artsnews > li > div > div .artsnews-thumbnail > a {display: block;}
  ul.artsnews > li > div > div .artsnews-thumbnail > a > img {display: block; line-height: 0;}
  ul.artsnews > li > div > div .artsnews-text {display: table-cell; vertical-align: middle;}
  ul.artsnews > li > div > div .artsnews-text .artsnews-title {font-family: "Oswald"; font-size: 1em; line-height: 1.1em; color: #1a99e0;}
  ul.artsnews > li > div > div .artsnews-text .artsnews-title > a {color: #1a99e0; text-decoration: none;}
  ul.artsnews > li > div > div .artsnews-text .artsnews-title > a:link {color: #1a99e0; text-decoration: none;}
  ul.artsnews > li > div > div .artsnews-text .artsnews-title > a:visited {color: #1a99e0; text-decoration: none;}
  ul.artsnews > li > div > div .artsnews-text .artsnews-title > a:hover {color: #1aa9f0; text-decoration: none;}
  ul.artsnews > li > div > div .artsnews-text .artsnews-title > a:active {color: #1a99e0; text-decoration: none;}
  ul.artsnews > li > div > div .artsnews-text .artsnews-subtitle {display: none;}
  ul.artsnews > li > div > div .artsnews-text .artsnews-posted {margin: 5px 0 0; font-family: "Oswald"; font-size: .6em; line-height: 1.4em; color: #888;}
  ul.artsnews > li > div > div .artsnews-text .artsnews-teaser {display: none;}

  @media all and (min-width: 400px) {
    ul.artsnews > li > div > div .artsnews-text .artsnews-title {font-size: 1.1em; line-height: 1.1em;}
  }

  @media all and (min-width: 480px) {
    .strip.strip-news > div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
    ul.artsnews {grid-template-columns: repeat(2, 1fr); grid-gap: 10px;}
    ul.artsnews > li {padding: 5px;}
    ul.artsnews > li > div {display: block;}
    ul.artsnews > li > div > div {display: block;}
    ul.artsnews > li > div > div .artsnews-thumbnail {display: block; padding: 0 0 15px;}
    ul.artsnews > li > div > div .artsnews-text {display: block;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-title {font-size: 1.2em; line-height: 1.1em;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-subtitle {display: block; margin: 10px 0 0; font-family: "Oswald"; font-size: .8em; line-height: 1.3em; color: #bbb;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-posted {margin: 10px 0 0; font-size: .6em; line-height: 1.4em;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-teaser {display: block; margin: 10px 0 0; font-size: .7em; line-height: 1.5em; color: #aaa;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-news > div > div > div > p {font-size: 1.7em; line-height: 1.2em;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-title {font-size: 1.4em; line-height: 1.1em;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-subtitle {font-size: .9em; line-height: 1.3em;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-news > div > div > div > p {font-size: 1.8em; line-height: 1.2em;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-subtitle {font-size: .9em; line-height: 1.3em;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-teaser {font-size: .7em; line-height: 1.5em;}
  }

  @media all and (min-width: 900px) {
    ul.artsnews {grid-template-columns: repeat(4, 1fr);}
  }

  @media all and (min-width: 1000px) {
    .strip.strip-news > div > div > div > p {font-size: 2em; line-height: 1.2em;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-title {font-size: 1.5em; line-height: 1.1em;}
    ul.artsnews > li > div > div .artsnews-text .artsnews-subtitle {font-size: 1em; line-height: 1.3em;}
  }

}