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

@media all {
  .strip {}
  .strip > div {}
  .strip > div > div {}
  .strip > div > div > div > :last-child {margin-bottom: 0;}
  .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; transition: color .25s, background .25s; text-decoration: none;}
  h1 {font-weight: 600;}
  p {margin-bottom:5px;}
  .lead {font-size:1.3em; line-height:1.3em; font-weight:100;}
  @media all and (min-width: 480px) {

  }


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

}

@media all { /* Header */
  .strip.strip-header {position: relative; width: 100%; height: calc(100vh - 320px); min-height: 220px; 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-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-002 {background: #000 url(../_images/_slideshow/002-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-003 {background: #000 url(../_images/_slideshow/003-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-004 {background: #000 url(../_images/_slideshow/004-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-005 {background: #000 url(../_images/_slideshow/005-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-006 {background: #000 url(../_images/_slideshow/006-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-007 {background: #000 url(../_images/_slideshow/007-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-008 {background: #000 url(../_images/_slideshow/008-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-009 {background: #000 url(../_images/_slideshow/009-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-010-1 {background: #000 url(../_images/_slideshow/010-1-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-011 {background: #000 url(../_images/_slideshow/011-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-012 {background: #000 url(../_images/_slideshow/012-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-013-1 {background: #000 url(../_images/_slideshow/013-grad-1.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-013-2 {background: #000 url(../_images/_slideshow/013-grad-2.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-014 {background: #000 url(../_images/_slideshow/014-grad.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-014-1 {background: #000 url(../_images/_slideshow/014-grad-1.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-014-2 {background: #000 url(../_images/_slideshow/014-grad-2.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-014-3 {background: #000 url(../_images/_slideshow/014-grad-3.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-014-4 {background: #000 url(../_images/_slideshow/014-grad-4.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-014-5 {background: #000 url(../_images/_slideshow/014-grad-5.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-014-6 {background: #000 url(../_images/_slideshow/014-grad-6.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-014-4-1 {background: #000 url(../_images/_slideshow/014-grad-4-1.jpg) center center; background-size: cover;}
  .strip.strip-header .image.image-014-4-2 {background: #000 url(../_images/_slideshow/014-grad-4-2.jpg) center center; background-size: cover;}







  .strip.strip-header .text {position: absolute; left: 20%; top: 55%; width: 80%; color: #fff; transform: translate(-12.5%, -50%); text-align: center; z-index: 300;}
  .strip.strip-header .text h1 {font-family: "Passion One"; font-size: 2.7em; line-height: .8em; margin-bottom: 12px; letter-spacing:0.02em;}
  .strip.strip-header .text p {font-family: "Oswald"; font-size: 2em; line-height: 1.3em; margin-bottom: 24px;}

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

  @media all and (min-width: 600px) {
    .strip.strip-header .text h1 {font-size: 4.5em; line-height: .9em;}
    .strip.strip-header .text p {font-size: 2.3em; line-height: 1.4em; margin-bottom: 36px;}
  }

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

  @media all and (min-width: 800px) {
    .strip.strip-header .text h1 {font-size: 5.5em; line-height: .9em;}

  }
  @media all and (min-width: 1000px) {
    .strip.strip-header .text h1 {font-size: 6em; line-height: .8em;}
  }    

}

@media all { /* Commencement */
      .strip.strip-statement {}
      .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;}
      .dark-bg h2 {font-family: 'Oswald'; color:#fff; font-size: 29px; margin-top: 24px; margin-bottom: 12px;}
      .overview {background: #3d3d3d; padding: 48px 24px;}
      .overview h1 {font-size: 35px; font-weight: 600; font-family: 'Oswald'; color: white; text-align: center; margin-bottom: 36px;}
      .highlight {margin: 0px auto 24px; text-align: center;}
      .highlight a {background-color: gold; color: #222; border-radius: 6px; font-weight: bold; padding: 6px 24px; 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; font-weight: 400; display:inline-block;}
      .highlight a:hover {background-color: white; border: solid 1px #222; text-decoration: none;}
      .highlight a.larger {font-size: 16px;}
      .highlight a::after {content: '\276f'; padding-left: 10px;}
      a.fade-white:hover {border: solid 1px white; color: #333;}
      ul.no-attend {padding-left: 24px;}
      ul.no-attend li {margin-bottom: 6px;}
      .box-2 {align-self: center; flex: 1; text-align: center; padding: 36px 0px;}
      .box-2 h2 {font-size: 53px; font-family: 'Passion One'; margin-bottom: 0; line-height: 45px;}
      .box-2 h3 {font-family: 'Oswald'; font-size: 26px; margin-bottom: 24px;}
      .box-2 p {margin-bottom: 24px;}
      .attend {margin:0 auto; max-width: 1400px; display: flex; flex-direction: column;}
      .overview-int-wrap {max-width: 1100px; margin: 0 auto;}
      .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: 600; 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: #014266;}
      .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;}
      .attend-interior > div > ul > li > ul {padding-left: 24px;}
      .schedule-interior > div > h2 {color: white; font-weight: 300; margin-bottom: 24px; font-size: 16px; line-height: normal;}
      .schedule-interior > .no-margin > h2 {color: white; font-weight: 300; margin-bottom: 6px; font-size: 16px; line-height: normal;}
      .gold-bold-large {color: gold; font-size: 21px;}
      ul.ceremony {margin: 0px auto 36px;}
      ul.ceremony li {display: inline-block; padding: 6px 12px; background-color: white; border-radius: 6px; margin: 6px;}
      ul.ceremony li:last-child {}  
      ul.ceremony li a:link::after {content: '\276f'; padding-left: 8px;}
      ul.gold-nav li a:link::after {content: '\276f'; padding-left: 8px;}
      .mace {width: 100%; max-width: 870px; margin: 0 auto 48px; text-align: center;}
      .mace p {font-size: 18px; line-height: 27px; text-align: left; color: #444; margin-bottom: 18px;}
      .mace h2 {margin-bottom: 24px;}
      .accordion { background-color: transparent; color: gold; cursor: pointer; padding-bottom: 12px; width: 100%; border: none; text-align: left; outline: none; transition: 0.4s; font-size: 23px; border-bottom: 1px dotted #999;}
      .active, .accordion:hover {}
      .accordion:after { content: '\002B'; color: gold; font-weight: bold; float: right; margin-left: 5px;}
      .active:after { content: "\2212";}
      .panel { padding: 0 18px; max-height: 0; overflow: hidden; transition: max-height 0.2s ease-out;}
      .panel p {font-size: 18px; line-height: 27px; text-align: left; color: #666; margin-bottom: 12px;}
      .panel p:first-child {margin-top: 12px;}
      .schedule-interior {display: flex; flex-direction: column; width: 100%; max-width: 1000px; margin: 0 auto;}
      .sched-col {flex:1; padding: 12px;}
      #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: 18px; line-height: 27px; text-align: left; color: #444; margin-bottom: 12px;}
      .bio-wrap > div > p:last-child {margin-bottom: 0px;}
      .bio-wrap {display: flex; flex-direction: column; margin-bottom: 48px;}
      .bio-wrap:last-child {margin-bottom: 0px;}
      .bio-wrap .img-block {flex: 1; width: 100%; padding-right: 0px; max-width: 250px; padding-bottom: 24px;}
      .bio-wrap .text-block {flex: 2;}
      .c-align {text-align: center;}
      .col {flex: 1; padding: 0px 12px;}
      .thanks-mace {max-width: 768px; text-align: center; padding: 0px 12px 24px; margin: 0 auto;}
      .thanks-mace.banner-carrier {padding: 24px 30px 0px 30px; margin: 0 auto 40px; border:1px solid #bbb; background:#ededed; border-radius:15px;}
      .thanks-mace h1 {font-size: 35px; font-weight: 600; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; color: #222;}
      .thanks-mace h2 {font-size: 28px; font-weight: 400; margin-bottom: 24px;}
      .thanks-mace h3 {font-size: 14px; font-weight: 600;}
      .bearer-wrap:first-child {margin: 0px auto 24px;}
      .bearer-wrap {display: flex; justify-content: space-between; margin: 12px auto 24px; width: 100%; max-width: 900px;}
      .bearer-wrap img {width: 225px;}
      .bearer-wrap.toolkit img {width: 100%;}
      .bearer-wrap .col p {font-size: 18px; line-height: 27px; color: #555;}
      .abt-commencement {text-align: center; padding: 60px 24px; max-width: 768px; margin: 0 auto;}
      .abt-commencement h1 {font-size: 35px; font-weight: 600; margin-bottom: 24px; text-align: center; font-family: 'Oswald'; margin-top: 0px;}
      .abt-commencement p {color: white; margin-bottom: 24px; line-height: 27px; text-align: left;}
      .abt-commencement p:last-child {margin-bottom: 0px;}
      .packet-block {text-align: center; padding: 60px 24px; max-width: 768px; margin: 0 auto;}
      .packet-block h1 {font-size: 35px; font-weight: 600; margin-bottom: 24px; text-align: center; font-family: 'Oswald'; margin-top: 0px;}
      .packet-block p {color: #222; margin-bottom: 24px; line-height: 27px; text-align: left;}
      .packet-block p:last-child {margin-bottom: 0px;}
      .packet-block ul {padding-left: 24px; margin-bottom: 24px; line-height: 27px; color: #222;}
      .packet-block ul li {margin-bottom: 24px;}
      .packet-block h2 {font-size: 29px; font-weight: 500; margin-bottom: 24px; font-family: 'Oswald'; text-align: center;}
      .bio-wrap img {}
      .spkrs-int {max-width: 960px; text-align: center; padding: 48px 24px; margin: 0 auto;}
      .spkrs-int h1 {font-size: 35px; font-weight: 600; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; color: #222;}
      .spkrs-int h2 {text-align: left; font-weight: 700; font-size: 31px; color: #333; font-family: 'Oswald';}
      .spkrs-int p.subtitle {text-align: left; margin-bottom: 24px; color: #444;}
      .install-large {width: 100%; height: 200px; background-image: url(../_images/install-bg-large-2.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
      cover;}
      .mace-large-install {width: 100%; height: 200px; background-image: url(../_images/commencement-mace-bg-large-install.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
      .mace-large {width: 100%; height: 200px; background-image: url(../_images/commencement-mace-bg-large-3.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
      .mace-large-1 {width: 100%; height: 200px; background-image: url(../_images/commencement-mace-bg-large-4.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
      .mace-large-2 {width: 100%; height: 200px; background-image: url(../_images/commencement-mace-bg-large-5.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
      .mace-large-3 {width: 100%; height: 200px; background-image: url(../_images/commencement-mace-bg-large-6.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
      .stream-header-wrap {display: flex; max-width: 210px; margin: 0px auto;}
      .shw-text {flex: 1; padding: 6px; text-transform: uppercase; font-size: 12px; font-weight: 700;}
      .shw-graphic {flex: 1; padding: 6px; align-self: center;}
      .nowrap {white-space: inherit;}
      .watch-main {max-width: 768px; text-align: center; padding: 48px 12px; margin: 0 auto;}
      .watch-main h1 {font-size: 2.4em; font-weight: 400; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; color: #222;}
      .dark-bg .watch-main h1 {color: #fff;}
      .dark-bg .watch-main p {text-align:center; color: #fff;}
      .watch-interior {margin-bottom: 36px;}
      .watch-interior h3 {font-family: 'Oswald'; font-size:2em; margin-top:40px;}
      .watch-interior h4 {font-family: 'Oswald'; font-size: 26px; font-weight: 100; line-height: 37px;}
      .watch-interior p {font-weight: 300; font-size: 18px; font-family: 'Open Sans', Arial; line-height: normal; margin-bottom:15px;}
      .watch-interior p.subtext {font-style: italic; font-weight: 300; font-size: 16px; font-family: 'Open Sans', Arial; line-height: normal;}
      .congrats-wrap {text-align: center; padding: 60px 12px; max-width: 900px; margin: 0 auto;}
      .congrats-wrap h1 {font-size: 28px; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; font-weight: 400;}
      .congrats-wrap p {color: white; font-size: 14px; margin-bottom: 24px;}

      hr.thanks-divide {border: 0; height: 1px; background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0)); width: 55%;}
      p.sched-subtitle {text-align: center; margin-bottom: 12px; color: gold; font-size: 19px;}
      .block-a-sched {margin: 0 auto; width: 75px; text-align: center;}
      .dec-section {max-width: 768px; text-align: center; padding: 48px 12px; margin: 0 auto;}
      .dec-section h1 {font-size: 35px; font-weight: 600; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; color: white; line-height: 43px;}
      .dec-section p {text-align: left; margin-bottom: 24px; color: white; line-height: 27px;}
      .dec-section p:last-child {text-align: left; margin-bottom: 36px; color: white; line-height: 27px;}
      .social-tag {max-width: 768px; text-align: center; padding: 48px 12px; margin: 0 auto;}
      .social-tag p {margin-bottom: 12px; line-height: 27px;}
      .social-tag ul li {display: inline-block; margin: 0px 12px 0px;}
      .social-tag ul li:last-child {display: inline-flex; align-self: center;}
      .social-tag ul {list-style-type: none; max-width: 768px; margin: 0 auto 6px; width: 100%;}
      .tag-last {border-bottom: 0; font-weight: normal; font-size: 10px; align-self: center;}
      .social-tag h1 {font-size: 35px; font-weight: bold; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; color: #222;}
      .social-tag h2 {font-size: 21px; font-weight: 600; border-bottom: 3px solid gold;}
      .thanks-mace p {margin-bottom: 24px; line-height: 27px;}
      .img-block figcaption {font-size: 11px; text-align: left; line-height: 16px;}
      .invite-wrap {display: flex; border: 1px solid #888; flex-direction: row; border-radius: 12px; max-width: 500px; margin: 0px auto;}
      .invite-wrap .invite-thumb {flex: 1; padding: 6px;}
      .invite-wrap .invite-thumb img {width: 100%; max-width: 145px;}
      .invite-wrap .invite-info {flex: 2; padding: 12px 0px; text-align: left;}
      .invite-wrap .invite-info a {background-color: gold; border-radius: 6px; padding: 12px; color: #111; font-size: 9px;}
      .invite-wrap .invite-info a:hover {background-color: white;}
      .invite-wrap .invite-info a::after {content: '\276f'; padding-left: 10px;}
      .invite-wrap .invite-info h2 {color: white; font-size: 23px; font-weight: 300; margin-bottom: 24px;}
      .vid-placeholder {width: 100%; height: 400px; background-image: url(../_images/campus-pano-commencement-video-thumb-bg-2000px); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
      .color-overlay {position: absolute; top: 0; right: 0; bottom: 0; left: 0; background-color: rgba(0,0,0,.7); z-index: 99;}
      .guest h1 {font-size: 35px; font-weight: 600; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; color: #222;}
      .guest-int {display: flex; flex-direction: column; max-width: 900px; margin: 0 auto 24px; background-color: gold; padding: 24px;
      border-radius: 12px;}
      .guest-int .img-block {flex: 1;}
      .guest-int .desc-text {flex: 1; padding-left: 0px;}
      .guest-int .desc-text p {font-size: 18px; line-height: 27px;}
      .guest-int .desc-text h2 {font-size: 31px; font-weight: 600; font-family: 'Oswald'; margin-bottom: 12px; color: #333;}
      .guest {margin-bottom: 48px;}
      .related {margin: 48px auto; max-width: 960px; padding: 0px 24px;}
      .related h1 {font-size: 35px; font-weight: 600; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; color: #222;}
      ul.related-wrap {display: flex; flex-direction: row; list-style-type: none; flex-wrap: wrap;}
      ul.related-wrap li {margin-right: 24px; margin-bottom: 24px; flex: 1 1 200px;}
      ul.related-wrap li p {text-transform: uppercase; font-size: 13px;}
      ul.related-wrap li h2 {font-size: 15px; line-height: 22px;}
      .tag-wrap-top {border: 1px solid #999; padding: 12px; border-radius: 12px;}
      .tag-wrap-top .social-tag-top ul li h2 {color: white; font-size: 18px; font-weight: 600; border-bottom: 3px solid gold; font-family: 'Open Sans';}
      .tag-wrap-top h2 {font-family: 'Oswald'; color: gold; margin-bottom: 12px; font-size: 30px;}
      .social-tag-top ul li {display: inline-block; margin: 0px 12px 0px;}
      .social-tag-top ul li:last-child {display: inline-flex; align-self: center;}
      .social-tag-top ul {list-style-type: none; max-width: 768px; margin: 0 auto 6px;
    width: 100%;}
      .social-tag-top .tag-last {border-bottom: 0; font-weight: normal; font-size: 17px; align-self: center; color: white;}
      a.stamp-btn {background-color: gold; padding: 1px 12px; border-radius: 6px;
    color: #111; font-weight: 600; font-size: 15px; text-transform: uppercase;}
    .w-btn-wrap {margin-bottom: 24px;}
    a.action-steps {background-color: gold; color: #222; padding: 6px 12px; font-size: 15px; border-radius: 6px;}
    a.action-steps::after {content: '\276f'; padding-left: 10px;}
    .team-thanks {max-width: 960px; margin: 0 auto;}
    .team-thanks ul li {font-size: 14px; line-height: 20px; color: #444; margin-bottom: 6px;}
    .team-thanks ul {margin-bottom: 12px; padding-left: 24px;}
    .team-thanks > .ty-col > p {font-size: 18px; margin-bottom: 12px; color: #444; text-align: left;}
    .team-thanks h1 {font-size: 35px; font-weight: 600; font-family: 'Oswald'; text-align: center; margin-bottom: 24px; color: #222;}
    .ty-col {column-count: 2; column-gap: 40px; margin-bottom: 48px; padding: 0px 12px;}
    .team-thanks p {text-align: center; margin-bottom: 24px;}
    .long-btn {background-color: gold; padding: 12px; border-radius: 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; -webkit-transition: all .4s ease;}
    .dark-bg {background-color: #111;}
    .dark-bg p > a:link {color:#62b9eb !important;}
    .gold-nav-wrap {background-color: gold; text-align: center; padding: 8px 0px;}
    ul.colleges {display: flex; list-style-type: none; -webkit-flex-wrap: wrap; flex-wrap: wrap; justify-content: center;}
    ul.colleges li {margin: 12px;}
    ul.colleges li a {color: black; background-color: white; padding: 6px 12px; border-radius: 6px; text-decoration: none;}
    ul.colleges li a:hover {color: black; background-color: gold; padding: 6px 12px; border-radius: 6px; text-decoration: underline; transition: all .4s ease; -webkit-transition: all .4s ease;}
    ul.colleges li a::after {content: '\276f'; padding-left: 10px;}
    .sub-block {border: 1px solid #555; border-radius: 15px; padding:20px; margin:20px 0; background: #fff; text-align: center;}
    .grid-video > div {margin-bottom: 30px;}
    .candidates h2 {margin-bottom: 15px;}
    .candidates h3 {margin-bottom: 15px;} 
    .candidates h4 {margin-top: 23px;} 
    .candidates h5 {margin-top: 15px;}  

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

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

  }

  @media all and (min-width: 600px) {
    .ty-col {column-count: 3; column-gap: 40px; margin-bottom: 48px;}
      .nowrap {white-space: nowrap;}
      .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;}
      .highlight a.larger {font-size: 24px;}
    .invite-wrap .invite-info a {background-color: gold; border-radius: 6px; padding: 12px; color: #333; font-size: 14px;}
    .tag-last {border-bottom: 0; font-weight: normal; font-size: 16px; align-self: center;}
  }

  @media all and (min-width: 800px) {
      ul.related-wrap li h2 {font-size: 22px; line-height: 28px;}
      .guest-int .desc-text {flex: 1; padding-left: 36px;}
      .guest-int {flex-direction: row;}
      .congrats-wrap h1 {font-size: 35px; font-family: 'Oswald'; text-align: center; margin-bottom: 24px;}
      .congrats-wrap p {font-size: 18px; line-height: 27px;}
      .bio-wrap {display: flex; flex-direction: row; margin-bottom: 48px;}
      .bio-wrap .img-block {flex: 1; padding-right: 36px; max-width: inherit; width: 100%; padding-bottom: 0px;}
      .mace-large {width: 100%; height: 450px; background-image: url(../_images/commencement-mace-bg-large-3.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
      .install-large {width: 100%; height: 450px; background-image: url(../_images/install-bg-large-2.jpg); background-repeat: no-repeat; background-position: 50% 50%; background-size: 100%; -moz-background-size: cover; -o-background-size: cover; -webkit-background-size: cover; background-size: cover;}
      .thanks-mace h3 {font-size: 17px; font-weight: 600;}  
      .bearer-wrap .col p {font-size: 18px; line-height: 27px; color: #555;}
      .strip.strip-stats > div > div > div > ul { grid-template-columns: repeat(3, 1fr); }
      .schedule-interior {display: flex; flex-direction: row; width: 100%; max-width: 1000px; margin: 0 auto;}
      .sched-col {flex:1; padding: 12px;}
      .grid-video {display: grid; grid-template-columns: 1fr 1fr; grid-gap: 30px;}
      
}

body p:not(footer p) {
  font-size: 18px !important;
  line-height: 27px !important;
}