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

@media all {
    h2 {font-size:2.8em; text-align:center; font-family: Oswald; font-weight: 300;}
    h3 {font-weight: 600; margin:20px 0 5px;}
    .white {background:#fff;}
    .grey {background: #efefef;}
    .strip {}
    .strip > div {}
    .strip > div > div {max-width: 1140px; min-width: 320px; margin: 0 auto;}
    .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;}
    .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;}
    .base-text li li {font-size: 0.9em; list-style-type: circle; line-height: 1.3em;}
    table tr td {padding:12px;}

    .more.solo {text-align:center; font-size:2.25em; margin-bottom:60px !important;}
    .more.lvl3 {text-align:center;}
    .more {margin: 15px 0 0; font-family: "Oswald"; font-size: 1em; font-weight: 300; text-align: right; line-height: 1.2em;}
    .more a {display: inline-block; padding: 5px 15px 8px; border: 1px solid #1a99e0; border-radius: 5px; background: #1a99e0; color: #fff font-wieght:100; transition: color .25s, background .25s; text-decoration: none;}
    .financial-need .more {text-align:left;}
    .financial-need .more a {background:#04669d; border:1px solid #04669d;}

    .visits.more a {background:#3f5e44; border:1px solid #3f5e44; font-weight:300;}
    .visits.more a:hover {color: #3f5e44; background: #fff; text-decoration: none;}
    .visits.more a:active {color: #3f5e44; background: #fff; text-decoration: none;}

    .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 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;}

    .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;}
    
    .deadlines {text-align:right; margin:10px 0;}
    .strip.strip-card-strip ul.card-strip .deadlines a {color:#04669d; font-weight:normal;}

    .overview {background: #111; padding: 48px 24px;}
    .overview h1 {font-size: 35px; font-weight: 600; font-family: 'Oswald'; color: white; text-align: center; margin-bottom: 36px;}
    .overview-int-wrap {max-width: 1100px; margin: 0 auto 36px;}
    .overview-intro {max-width: 900px; margin: 0 auto; 48px}
    .act-wrap {margin-bottom: 60px;}
    .act-wrap p {font-size: 20px; font-weight: 200; font-family: 'Oswald'; color: white; text-align: center; margin-bottom: 24px; line-height: 27px;}
    .detail-oh-boxes {display: flex; flex-wrap: wrap; margin-bottom: 36px;}
    .detail-oh-boxes>* {flex: 1 1 160px; margin-bottom: 36px;}
    .detail-oh-boxes:last-child {color: darkgray; text-align: center;}
    .detail-oh-boxes:first-child {margin: 0 auto; text-align: center;}
    .detail-oh-boxes:first-child img {max-width: 50px;}
    .detail-oh-boxes h2 {font-size: 21px; font-weight: 800; margin-bottom: 12px; font-family: 'Open Sans'; transition: color 4s; color: white; text-align: center;}

  /* Facts Strip */
  .flex-facts {display: flex; flex-direction: column; max-width: 1200px; margin: 0 auto; width: 90%;}
  .fact-head {padding: 36px 0px 0px; align-self: center; text-align: center; flex: 1;}
  .overview-intro {max-width: 900px; margin: 0 auto;}
  .attend-wrap {flex: 1; padding: 48px 0px; background-color: #ddd;}
  .attend-interior {max-width: 300px; margin: 0 auto;}
  .attend-interior h1 {font-size: 35px; font-weight: bold; font-family: 'Oswald'; color: #222; text-align: center;}
  .attend-interior h2 {font-family: 'Oswald'; font-size: 26px; margin-bottom: 24px;}
  .flex-facts .iso-facts > div > img {max-width: 100px; display: block; margin: 0 auto 12px;}
  .facts {background-color: #354938; border-top: 1px solid #729477; }
  .fact-head-int {font-size: 53px; font-family: 'Passion One'; color: white; line-height: 43px;}
  .fact-head-int-sub {font-size: 20px; font-family: 'Passion One'; color: white; text-transform: uppercase;}
  .gold {color: gold;}
  .strip.strip-stats > div > div > div > ul > li { padding: 10px; border: none; border-radius: 15px;}
  .strip.strip-stats > div > div > div > ul { grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}

  .iso-facts {display: flex; flex-wrap:wrap; flex-direction: row; color: white; flex: 2; padding: 48px 0px;}
  .iso-facts>* {flex: 1 1 160px; font-size: 14px; line-height: 18px; font-family: 'Oswald'; width: 100%; padding: 24px 0px; text-align: center; margin: 0 auto;}
  .flex-facts {display: flex; flex-direction: column; max-width: 1200px; margin: 0 auto; width: 90%;}
  .fact-head {padding: 36px 0px 0px; align-self: center; text-align: center; flex: 1;}
  .overview-intro {max-width: 900px; margin: 0 auto;}
  .attend-wrap {flex: 1; padding: 48px 0px; background-color: #ddd;}
  .attend-interior {max-width: 300px; margin: 0 auto;}
  .attend-interior h1 {font-size: 35px; font-weight: bold; font-family: 'Oswald'; color: #222; text-align: center;}
  .attend-interior h2 {font-family: 'Oswald'; font-size: 26px; margin-bottom: 24px;}
  .flex-facts .iso-facts > div > img {max-width: 100px; display: block; margin: 0 auto 12px;}
  .facts {background-color: #354938;}
  .fact-head-int {font-size: 53px; font-family: 'Passion One'; color: white; line-height: 43px;}
  .fact-head-int-sub {font-size: 20px; font-family: 'Passion One'; color: white; text-transform: uppercase;}
  .gold {color: gold;}
  .strip.strip-stats > div > div > div > ul > li { padding: 10px; border: none; border-radius: 15px;}
  .strip.strip-stats > div > div > div > ul { grid-template-columns: repeat(2, 1fr); grid-gap: 30px;}

    @media all and (min-width: 480px) {
    .more {font-size: 1.2em; line-height: 1.2em;}
  }


  @media all and (min-width: 800px) {
		h2 {font-size:3.5em;}
    .strip > div > div > div {padding: 30px;}
    .more {font-size: 1.4em; line-height: 1.2em;}
  }

}

@media all { /* Icon Strip */
  .overview {background: #111; padding: 48px 24px;}
  .overview h2 {color:#fff;}
	.overview-int-wrap {max-width: 1100px; margin: 0 auto 36px;}
	.overview-intro {max-width: 900px; margin: 0 auto; 48px}
	.act-wrap {margin-bottom: 60px;}
  .act-wrap p {font-size: 20px; font-weight: 200; font-family: 'Oswald'; color: white; text-align: center; margin-bottom: 24px; line-height: 27px;}
	.detail-oh-boxes {display: flex; flex-wrap: wrap; margin-bottom: 36px; padding:0 15px;}
	.detail-oh-boxes>* {flex: 1 1 160px; margin-bottom: 36px; padding:0 15px;}
	.detail-oh-boxes:last-child {color: #ededed; text-align: center;}
	.detail-oh-boxes:first-child {margin: 0 auto; text-align: center;}
	.detail-oh-boxes:first-child img {max-width: 250px;}
	.detail-oh-boxes h3 {font-size: 21px; font-weight: 800; margin-bottom: 12px; font-family: 'Open Sans'; transition: color 4s; color: white; text-align: center;}
	.detail-oh-boxes .more.yellow {text-align:center; margin:15px 0;}
	.highlight {margin: 0px auto 36px; text-align: center;}
	.highlight a {background-color: gold; color: #222; border-radius: 6px; font-weight: 600; letter-spacing: 1px; padding: 6px 24px 12px; font-size: 20px; 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;}
	.highlight a:hover {background-color: transparent; border: solid 1px #222; text-decoration: none;}
	.highlight a.larger {font-size: 27px;}
	.highlight a::after {content: '\276f'; padding-left: 10px;}
	a.fade-white:hover {border: solid 1px white; color: white;}

@media all and (min-width: 600px) {
	.detail-oh-boxes>* {flex: 1 1 300px;}
	.act-wrap p {font-size: 26px; font-weight: 200; font-family: 'Oswald'; color: white; text-align: center; margin-bottom: 24px; line-height: 31px;}
	.attend {margin:0 auto; max-width: 1400px; display: flex; flex-direction: row;}
    .text p.teaser {font-size: 1.3em; margin: 12px auto 24px; width: 100%; max-width: 800px;}
  }

 @media all and (min-width: 800px) {
	.count-wrap {padding: 72px 24px;}
	.count-wrap p.small-note {font-size: 20px;}
	#count {font-family: 'Passion One'; margin: 0px auto 48px; font-size: 60px;}
	.iso-facts>* {flex: 1 1 215px; font-size: 14px; line-height: 18px; font-family: 'Oswald'; width: 100%; padding: 24px 0px; text-align: center; margin: 0 auto;}
	.flex-facts {display: flex; flex-direction: row; max-width: 1200px; margin: 0 auto; width: 90%;}
	.fact-head {padding: 0px 0px 0px; align-self: center; text-align: center; flex: 1;}

  }
}

@media all { /* Header */
    .strip.strip-header {position: relative; width: 100%; height: calc(100vh - 320px); min-height: 450px; background: #000; overflow: hidden;}
     .strip.strip-header::after {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.5); z-index: 200;}
    .strip.strip-header .image {position: absolute; width: 100%; height: 100%;}
    .strip.strip-header .image.image-001 {background: #000 url(../_images/_slideshow/001.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-002 {background: #000 url(../_images/_slideshow/002.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-003 {background: #000 url(../_images/_slideshow/003.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-004 {background: #000 url(../_images/_slideshow/004.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-005 {background: #000 url(../_images/_slideshow/005.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-006 {background: #000 url(../_images/_slideshow/006.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-007 {background: #000 url(../_images/_slideshow/007.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-008 {background: #000 url(../_images/_slideshow/008.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-009 {background: #000 url(../_images/_slideshow/009.jpg) center center; background-size: cover;}
    .strip.strip-header .image.image-010 {background: #000 url(../_images/_slideshow/010.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: "Passion One"; font-size: 4em; line-height: 1em;}
    .strip.strip-header .text p.lead {font-family: "Oswald"; font-size: 1.5em; line-height: 1.2em; font-weight: 100;;}
    .strip.strip-header .text p {font-size: 2.7em; line-height:1.3em; margin:10px;}
    
    .anchor {display: block; position: relative; top: -50px; visibility: hidden;}
    a.anchor-top {color: black;}
    .anchor-top a::after { content: '\276f'; padding-left: 10px;}
    .anchor-top a {background-color: gold; padding: 3px 12px; border-radius: 8px; color: black; font-size: 16px; text-transform: capitalize;}
    .anchor-top a:hover { background-color: white; text-decoration: none;}
    .anchor-top {min-width: inherit;}
    .anchor-top ul {list-style-type: none; display: block; justify-content: center;}
    .anchor-top ul li {margin-right: 12px; margin-bottom: 12px;}

    .strip.strip-header .text h1.title {font-size: 2.7em; line-height: .9;}
    .strip.strip-header .text p.lead {font-family: "Oswald";font-size: 1.5em;line-height: 1.2em;}  
    .strip.strip-header .text p.teaser {font-size: .8em;line-height: normal;margin: 12px auto 24px; width: 100%; max-width: 800px;}
 

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

  @media all and (min-width: 600px) {
    .strip.strip-header .text h1.title {font-size: 6em; line-height: 1em;}
    .strip.strip-header .text p.lead {font-size: 2em; line-height: 1.2em;}
    .strip.strip-header .text p {font-size:1.5em;}
    .anchor-top a {background-color: gold; padding: 3px 12px; border-radius: 8px; color: black; font-size: 18px; text-transform: capitalize;}
    .strip.strip-header .text p.teaser {font-size: 1.3em; margin: 12px auto 24px; width: 100%; max-width: 800px;}
  }

  @media all and (min-width: 768px) {
    .strip.strip-header {height: calc(100vh - 178px);}
  }

  @media all and (min-width: 800px) {
    .strip.strip-header .text h1.title {font-size: 6em; line-height: 1em;}
    .strip.strip-header .text p.lead {font-size: 2.5em; line-height: 1.2em;}
    .strip.strip-header .text p {font-size: 1.75em;}
    .anchor-top ul {list-style-type: none; display: flex; justify-content: center;}
  }
@media all and (min-width: 1200px) {
    .strip.strip-header .text h1.title {font-size: 7em; line-height: 1em;}
    .strip.strip-header .text p.lead {font-size: 2em; line-height: 1.2em;}
    .strip.strip-header .text p {font-size: 1.75em;}
    .anchor-top ul {list-style-type: none; display: flex; justify-content: center;}
  }
}

@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) {
  .iso-facts>* {flex: 1 1 215px; font-size: 14px; line-height: 18px; font-family: 'Oswald'; width: 100%; padding: 24px 0px; text-align: center; margin: 0 auto;}
  .flex-facts {display: flex; flex-direction: row; max-width: 1200px; margin: 0 auto; width: 90%;}
  .fact-head {padding: 0px 0px 0px; align-self: center; text-align: center; flex: 1;}
  .strip.strip-stats > div > div > div > ul { grid-template-columns: repeat(3, 1fr); }
  }

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

}

@media all { /* Statement */
  .strip.strip-statement {background: #fff;}
  .strip.strip-statement > div > div > div > p {max-width: 900px; margin: 0 auto; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #222; text-align: center; line-height: 1.2em;}
	.strip.strip-statement > div > div > div > li {max-width: 900px; margin: 0 auto; font-family: "Oswald"; font-size: 1.5em; font-weight: 300; color: #222; text-align: center; line-height: 1.2em;}

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

  }

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

  }

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

  }

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

  }

}

@media all { /* Stats */
  .strip.strip-stats {background: #111;}
  .strip.strip-stats > div > div > div > p {max-width: 900px; margin: 0 auto 30px; font-family: "Oswald"; font-size: 1.6em; font-weight: 300; color: #fff; text-align: center; line-height: 1.2em;}
  .strip.strip-stats > div > div > div > ul {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 30px 10px; list-style: none; margin: 0; padding: 0;}
  .strip.strip-stats > div > div > div > ul > li {padding: 10px; border: 2px solid #ffcc00; 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: #111;}
  .strip.strip-stats.inview > div > div > div > ul > li div:first-child {color: #fff; 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;}

  @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);}
		.strip.strip-stats.stats-five > div > div > div > ul {grid-template-columns: repeat(3, 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;}
	  	.strip.strip-stats.stats-five > div > div > div > ul {grid-template-columns: repeat(5, 1fr);}
  }
}

@media all { /* Undergrad Admissions*/
    .strip.strip-dark-bkg {background:#010101;}
    .strip.strip-dark-bkg.lead a {color:#41a6df;}
    /* .strip.strip-dark-bkg > div {background: #010101 url(../_images/_slideshow/003.jpg) center center; background-size: cover; position: relative;}
    .strip.strip-dark-bkg > div::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.8); z-index: 200;} */
    .strip.strip-dark-bkg > div > div {position:relative; z-index:300;}
    .strip.strip-dark-bkg > div > div > div > h2 {color:#fff; margin-bottom:30px;}
  .strip.strip-dark-bkg > div > div > div {padding: 60px 15px; z-index: 300;}
  .strip.strip-dark-bkg > 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-dark-bkg ul.dark-bkg ul {margin:10px 0 10px 15px;}
	.strip.strip-dark-bkg ul.dark-bkg ol {margin:10px 0 10px 15px;}
	.strip.strip-dark-bkg ul.dark-bkg ul li {margin-bottom:10px;}
	.strip.strip-dark-bkg ul.open-hous eol li {margin-bottom:10px;}
  ul.dark-bkg{display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
  ul.dark-bkg> li {padding: 15px; border-radius: 10px; background: #fff;}
  ul.dark-bkg> li > div {display: table; width: 100%; table-layout: fixed;}
  ul.dark-bkg> li > div > div > div {vertical-align: top;}
  ul.dark-bkg> li > div > div > div a {display: block;}
  ul.dark-bkg> li > div > div > div img {display: block; line-height: 0;}
  ul.dark-bkg> 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.dark-bkg> li > div > div > h2 > a {color: #fff;}
  ul.dark-bkg> li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
  ul.dark-bkg> li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
  ul.dark-bkg> li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
  ul.dark-bkg> li > div > div > h2 > a:active {color: #fff; text-decoration: none;}

  @media all and (min-width: 480px) {
    .strip.strip-dark-bkg> div > div > div > p {font-size: 1.6em; line-height: 1.2em;}
    ul.dark-bkg{grid-template-columns: repeat(1, 1fr);}
    ul.dark-bkg> li > div {display: block;}
   	ul.dark-bkg> li > div > div {display: table-row; width: 100%;}
    ul.dark-bkg> li > div > div > div {display: block; padding: 0 0 5px;}
    ul.dark-bkg> 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);}
		.two ul.card-strip  > li {padding: 30px; margin:0 30px;}
  }

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

  @media all and (min-width: 1000px) {
    ul.card-strip > 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 { /* Card Strip */
    .strip.strip-card-strip > div > div > div > h2 {color:#fff; margin-bottom:30px;}
    .strip.strip-card-strip > div {background: #0c3a54;}
    .strip.strip-card-strip > div {background: #010101 url(../_images/_slideshow/003.jpg) center center; background-size: cover; position: relative;}
    .strip.strip-card-strip.move-in > div {background: #010101 url(../_images/_slideshow/011.jpg) center center; background-size: cover; position: relative;}
    .strip.strip-card-strip > div::before {position: absolute; top: 0; left: 0; width: 100%; height: 100%; content: ''; background: rgba(0,0,0,.6); z-index: 200;}
    .strip.strip-card-strip > div > div {position:relative; z-index:300;}
    .strip.strip-card-strip > div > div > div {padding: 60px 15px;}
    .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 {font-weight: 600;}
    .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: 10px; list-style: none; margin: 0; padding: 0;}
    ul.card-strip > li {padding: 15px; border-radius: 10px; background: #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:#000;}
    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;}

    @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 {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 { /* explore */
		.strip.strip-explore > div > div > div > h2 {color:#fff; margin-bottom:30px;}
		.strip.strip-explore > div {background: #354938;}
		.strip.strip-explore > div > div > div {padding: 60px 15px;}
		.strip.strip-explore > 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-explore .lead {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-explore .lead a {color:#c0deee;}
	  .strip.strip-explore .lead a:hover {}
		.strip.strip-explore ul.explore ul {margin:10px 0 10px 15px;}
		.strip.strip-explore ul.explore ol {margin:10px 0 10px 15px;}
		.strip.strip-explore ul.explore ul li {margin-bottom:10px;}
		.strip.strip-explore ul.explore ol li {margin-bottom:10px;}
		.strip.strip-explore ul.explore a {font-weight: 600;}
		.strip.strip-explore ul.explore ul li a {font-weight: 600;}
		ul.explore {display: grid; grid-template-columns: repeat(1, 1fr); grid-gap: 10px; list-style: none; margin: 0; padding: 0;}
		ul.explore > li {padding: 15px; border-radius: 10px; background: #fff;}
		ul.explore > li > div {display: table; width: 100%; table-layout: fixed;}
		ul.explore > li > div > div > div {vertical-align: top;}
		ul.explore > li > div > div > div a {display: block;}
		ul.explore > li > div > div > div img {display: block; line-height: 0;}
		ul.explore > 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.explore > li > div > div > h2 > a {color: #fff;}
		ul.explore > li > div > div > h2 > a:link {color: #fff; text-decoration: none;}
		ul.explore > li > div > div > h2 > a:visited {color: #fff; text-decoration: none;}
		ul.explore > li > div > div > h2 > a:hover {color: #eee; text-decoration: none;}
		ul.explore > li > div > div > h2 > a:active {color: #fff; text-decoration: none;}

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

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

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

  @media all and (min-width: 1000px) {
    ul.explore > 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;}
  }

}

@media all { /* Choose Block - Intro */
  .strip.strip-intro {height: calc(100vh - 370px); min-height: 300px; z-index: -100; background: url(../../choose/_images/intro/intro-background-2.jpg) center center; background-size: cover;}
  .strip.strip-intro > div {height: 100%; background: rgba(0,0,0,.3);}
  .strip.strip-intro > div > div {height: 100%;}
  .strip.strip-intro > div > div > div {display: flex; position: relative; height: 100%; padding: 0 15px; flex-direction: column; justify-content: center;}
  .strip.strip-intro > div > div > div > .text {max-width: calc(100% - 30px);}
  .strip.strip-intro > div > div > div > .text > h1 {margin: 0 0 20px; font-family: "Oswald"; font-size: 1.85em; font-weight: 300; color: #fff; line-height: 1.2em;}
  .strip.strip-intro > div > div > div > .text.inviewenabled > h1 {color: transparent;}
  .strip.strip-intro > div > div > div > .text.inview > h1 {color: #fff; transition: color 1s;}
  .strip.strip-intro > div > div > div > .text > div {margin: 0; font-family: "Oswald"; font-size: 1em; font-weight: 300; color: #fff; line-height: 1.2em;}
  .strip.strip-intro > div > div > div > .text > div p {margin: 0 0 1em;}
  .strip.strip-intro > div > div > div > .text.inviewenabled > div {color: transparent;}
  .strip.strip-intro > div > div > div > .text.inview > div {color: #fff; transition: color 1s;}
  .strip.strip-intro > div > div > div > .links {display: none;}

  @media all and (min-width: 480px) {
    .strip.strip-intro > div > div > div > .text > h1 {font-size: 2em; line-height: 1.2em;}
    .strip.strip-intro > div > div > div > .text > div {font-size: 1.1em; line-height: 1.2em;}
  }

  @media all and (min-width: 600px) {
    .strip.strip-intro > div > div > div > .text > h1 {font-size: 2.2em; line-height: 1.2em;}
    .strip.strip-intro > div > div > div > .text > div {font-size: 1.2em; line-height: 1.2em;}
  }

  @media all and (min-width: 768px) {
    .strip.strip-intro {height: calc(100vh - 241px); min-height: 600px;}
    .strip.strip-intro > div > div > div > .text {max-width: 65%; margin-bottom: 90px;}
    .strip.strip-intro > div > div > div > .links {display: grid; grid-template-columns: repeat(6, 1fr); grid-gap: 10px;}
    .strip.strip-intro > div > div > div > .links.inviewenabled {opacity: 0;}
    .strip.strip-intro > div > div > div > .links.inview {opacity: 1; transition: opacity 1s;}
    .strip.strip-intro > div > div > div > .links > a {display: block; border: 1px solid #aaa; border-radius: 10px; background: rgba(0,0,0,.5);}
    .strip.strip-intro > div > div > div > .links > a:nth-child(1) {background: rgba(65,68,59,.85);}
    .strip.strip-intro > div > div > div > .links > a:nth-child(1):hover {background: rgba(45,48,39,.85); transition: background 1s;}
    .strip.strip-intro > div > div > div > .links > a:nth-child(2) {background: rgba(90,76,63,.85);}
    .strip.strip-intro > div > div > div > .links > a:nth-child(2):hover {background: rgba(70,56,43,.85); transition: background 1s;}
    .strip.strip-intro > div > div > div > .links > a:nth-child(3) {background: rgba(85,75,76,.85);}
    .strip.strip-intro > div > div > div > .links > a:nth-child(3):hover {background: rgba(65,55,56,.85); transition: background 1s;}
    .strip.strip-intro > div > div > div > .links > a:nth-child(4) {background: rgba(71,78,70,.85);}
    .strip.strip-intro > div > div > div > .links > a:nth-child(4):hover {background: rgba(51,58,50,.85); transition: background 1s;}
    .strip.strip-intro > div > div > div > .links > a:nth-child(5) {background: rgba(95,90,84,.85);}
    .strip.strip-intro > div > div > div > .links > a:nth-child(5):hover {background: rgba(75,70,64,.85); transition: background 1s;}
    .strip.strip-intro > div > div > div > .links > a:nth-child(6) {background: rgba(95,101,99,.85);}
    .strip.strip-intro > div > div > div > .links > a:nth-child(6):hover {background: rgba(75,81,79,.85); transition: background 1s;}
    .strip.strip-intro > div > div > div > .links > a:hover {text-decoration: none;}
    .strip.strip-intro > div > div > div > .links > a > div {display: flex; height: 100%; flex-direction: column; justify-content: space-between;}
    .strip.strip-intro > div > div > div > .links > a > div > .links-text {padding: 10px; font-family: "Oswald"; font-size: 1.2em; font-weight: 300; color: #fff; line-height: 1.2em; text-align: center;}
    .strip.strip-intro > div > div > div > .links > a:link > div > .links-text {color: #fff; text-decoration: none;}
    .strip.strip-intro > div > div > div > .links > a:visited > div > .links-text {color: #fff; text-decoration: none;}
    .strip.strip-intro > div > div > div > .links > a:hover > div > .links-text {color: #fff; text-decoration: none;}
    .strip.strip-intro > div > div > div > .links > a:active > div > .links-text {color: #fff; text-decoration: none;}
    .strip.strip-intro > div > div > div > .links > a > div > .links-arrow {margin-top: 15px; text-align: center;}
    .strip.strip-intro > div > div > div > .links > a > div > .links-arrow > img {display: inline-block; max-width: 35%; padding: 0 0 10px; opacity: .5;}
    .strip.strip-intro > div > div > div > .links > a:hover > div > .links-arrow > img {padding: 5px 0 5px;}
  }

  @media all and (min-width: 800px) {
    .strip.strip-intro > div > div > div {padding: 0 30px;}
    .strip.strip-intro > div > div > div > .text > h1 {font-size: 2.4em; line-height: 1.2em;}
    .strip.strip-intro > div > div > div > .text > div {font-size: 1.3em; line-height: 1.2em;}
    .strip.strip-intro > div > div > div > .links > a > div > .links-text {font-size: 1.3em;}
  }

  @media all and (min-width: 900px) {
    .strip.strip-intro > div > div > div > .text > h1 {font-size: 2.6em; line-height: 1.2em;}
    .strip.strip-intro > div > div > div > .text > div {font-size: 1.4em; line-height: 1.2em;}
    .strip.strip-intro > div > div > div > .links > a > div > .links-text {font-size: 1.4em;}
  }

  @media all and (min-width: 1000px) {
    .strip.strip-intro-cards .cards {grid-template-columns: repeat(6, 1fr);}
  }

}