.mobileTesting {
  display: none;
  color: white;
  text-align: center;
  position: fixed;
  width: 100%;
  z-index: 9999; }

body {
  background-color: white; }

#homepageContainer {
  position: relative;
  width: 100%;
  height: auto;
  background: white; }

.fullWidth {
  width: 100%;
  max-width: 100%;
  height: auto;
  display: block; }

.clearPadding {
  padding: 0px; }

:focus {
  outline: 1px dotted; }

#topContent {
  background: #e8e0cf;
  background-image: url("titelbild.jpg");

  min-height: 800px;
  background-repeat: no-repeat;
  background-size: cover;

  overflow: hidden; }
  #topContent #heroSlider {
    width: 75%; }
    #topContent #heroSlider .ulHeroSlider {
      margin: 0px; }
      #topContent #heroSlider .ulHeroSlider .heroContent {
        min-height: 526px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
        background-position: center;
        padding: 26% 0px;
        position: absolute;
        display: none; }
        #topContent #heroSlider .ulHeroSlider .heroContent button.left {
          position: absolute;
          z-index: 1;
          top: 44%;
          left: 1%;
          background-color: initial;
          background-image: url("arrow_left-white.png");
          background-repeat: no-repeat;
          background-size: cover;
          height: 36px;
          width: 23px;
          padding: 0px;
          opacity: 0.6; }
        #topContent #heroSlider .ulHeroSlider .heroContent button.right {
          position: absolute;
          z-index: 1;
          top: 44%;
          right: 1%;
          background-color: initial;
          background-image: url("arrow_right-white.png");
          background-repeat: no-repeat;
          background-size: cover;
          height: 36px;
          width: 23px;
          padding: 0px;
          opacity: 0.6; }
        #topContent #heroSlider .ulHeroSlider .heroContent button.right:hover, #topContent #heroSlider .ulHeroSlider .heroContent button.left:hover {
          opacity: 1; }
        #topContent #heroSlider .ulHeroSlider .heroContent span.cropShadow {
          width: 100%;
          height: 100%;
          position: absolute;
          top: 0;
          overflow: hidden; }
          #topContent #heroSlider .ulHeroSlider .heroContent span.cropShadow span.boxShadow {
            -moz-box-shadow: inset 0px -136px 100px rgba(0, 0, 0, 0.6);
            -webkit-box-shadow: inset 0px -136px 100px rgba(0, 0, 0, 0.6);
            box-shadow: inset 0px -136px 100px rgba(0, 0, 0, 0.6);
            position: absolute;
            bottom: 0;
            width: 120%;
            height: 50%;
            margin: 0 0 0 -10%; }
        #topContent #heroSlider .ulHeroSlider .heroContent p.articleTitle {
          position: absolute;
          bottom: 0;
          margin: 2.25rem 6.25rem 2.25rem 6.25rem;
          color: white;
          font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
          font-size: 55px;
          line-height: 49px;
          text-transform: uppercase; }
        #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn {
          margin: 0px 20px 18px 0px;
          position: absolute;
          right: 0;
          bottom: 0;
          width: 100%;
          height: 100%;
          max-height: 40px;
          max-width: 40px;
          background-color: rgba(255, 255, 255, 0);
          -webkit-transition: background 0.4s ease-out;
          transition: background 0.3s ease-out;
          cursor: pointer;
          border: 1px solid #686868; }
          #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn .infoText {
            display: none; }
          #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn .infoIcon {
            background-image: url("info.png");
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-position: center center;
            background-size: 22%;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            max-height: 46px;
            max-width: 46px; }
        #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn:hover {
          -webkit-transition: background 0.4s ease-out;
          transition: background 0.3s ease-out;
          background-color: rgba(255, 255, 255, 0.2); }
        #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn.active {
          width: 100%;
          height: auto;
          max-height: 100%;
          max-width: 350px;
          position: absolute;
          right: 0;
          bottom: 0;
          background: #fff;
          -webkit-transition: background 0.1s ease-out;
          transition: background 0.1s ease-out;
          box-shadow: -3px -3px 46px rgba(0, 0, 0, 0.3); }
          #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn.active .infoText {
            display: block;
            padding: 11% 11% 15% 11%;
            font-size: 12px;
            line-height: 16px; }
            #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn.active .infoText p {
              margin: 0px;
              font-family: "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
              font-size: 12px;
              line-height: 16px;
              color: #2b2b2b; }
          #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn.active .infoIcon {
            background-image: url("info-close.png");
            background-repeat: no-repeat;
            background-position-x: 92%;
            background-position-y: 92%;
            background-position: center center;
            background-size: 50%;
            position: absolute;
            right: 0px;
            bottom: 0px;
            width: 100%;
            height: 100%;
            max-height: 40px;
            max-width: 40px; }
      #topContent #heroSlider .ulHeroSlider .show {
        position: relative;
        display: block; }
  #topContent #rightCol {
    width: 25%; }

   #topContent span.imgMask ul#titleBox {
        margin: 0px;
        padding: 9% 20%;
         }
        #topContent  span.imgMask ul#titleBox a {
          color: white; }
          #topContent  span.imgMask ul#titleBox a li {
            list-style: none;
            margin: 10% 0px;
            padding: 6%;
            border: 5px solid #808000;
            text-align: center;
            font-size: 2rem;
            line-height: 2rem;
            text-transform: uppercase;
            font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
            letter-spacing: 2px; }
        #topContent  span.imgMask ul#titleBox a:hover li {
          /*background: rgba(255,255,255,0.3);
          background: linear-gradient(245deg, rgba(255,255,255,0.4), rgba(255,255,255,0));*/
          background: white;
          color: black;
          text-decoration: underline; }






    #topContent #rightCol span.imgMask {
      background-image: url("buttonsBackground.jpg");
      background-size: cover;
      background-position-x: center;
      background-position-y: center;
      background-position: center;
      width: 100%;
      height: auto;
      display: inline-block; }
      #topContent #rightCol span.imgMask ul#btnBox {
        margin: 0px;
        padding: 9% 20%;
        background-color: rgba(0, 0, 0, 0.1); }
        #topContent #rightCol span.imgMask ul#btnBox a {
          color: white; }
          #topContent #rightCol span.imgMask ul#btnBox a li {
            list-style: none;
            margin: 10% 0px;
            padding: 6%;
            border: 1px solid #7f7f7f;
            text-align: center;
            font-size: 1rem;
            line-height: 1.4rem;
            text-transform: uppercase;
            font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
            letter-spacing: 1px; }
        #topContent #rightCol span.imgMask ul#btnBox a:hover li {
          /*background: rgba(255,255,255,0.3);
          background: linear-gradient(245deg, rgba(255,255,255,0.4), rgba(255,255,255,0));*/
          background: white;
          color: black; }



    #topContent #rightCol div.eventsContainer {
      width: 100%;
      height: auto;
      max-height: 236px;
      display: inline-block; }
      #topContent #rightCol div.eventsContainer button.leftEvents {
        background-color: initial;
        background-image: url("arrow_left.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 36px;
        width: 14px;
        padding: 0px;
        opacity: 0.3;
        display: inline-block;
        float: left;
        margin: 18% 2%;
        position: absolute; }
      #topContent #rightCol div.eventsContainer button.rightEvents {
        background-color: initial;
        background-image: url("arrow_right.png");
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center;
        height: 36px;
        width: 14px;
        padding: 0px;
        opacity: 0.3;
        display: inline-block;
        float: right;
        margin: 18% 2%; }
      #topContent #rightCol div.eventsContainer button.rightEvents:hover,
      #topContent #rightCol div.eventsContainer button.leftEvents:hover {
        opacity: 1; }
      #topContent #rightCol div.eventsContainer h4 {
        color: #73613e;
        font-family: "ITC Garamond W01 Light", "Garamond", Times, serif;
        font-size: 21px;
        line-height: 23px;
        text-align: center;
        letter-spacing: 1px;
        margin: 10px 0px; }
      #topContent #rightCol div.eventsContainer #ulEventsRotate {
        margin: 0px;
        width: 88%;
        display: inline-block;
        text-align: center;
        padding: 12px 4% 10% 16%; }
        #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo {
          position: absolute;
          display: none; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
            color: black;
            font-family: "Helvetica Neue LT W01_67 Md Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
            font-size: 25px;
            line-height: 24px;
            text-align: center;
            text-transform: uppercase; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo p {
            color: black;
            font-family: "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
            font-size: 16px;
            line-height: 22px;
            text-align: center;
            text-transform: none;
            margin-bottom: 2rem; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo a {
            color: white;
            font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
            font-size: 16px;
            padding: 5% 12%;
            background: #877148;
            text-transform: uppercase;
            letter-spacing: 0.9px; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo a:hover {
            background: #7a6641; }
        #topContent #rightCol div.eventsContainer #ulEventsRotate div.show.eventInfo {
          position: relative;
          display: block; }





#findFutureContainer {
  padding: 4% 0px; }
  #findFutureContainer #findFuture {
    text-align: center;
    margin: 0 auto; }
    #findFutureContainer #findFuture h4 {
      font-family: "ITC Garamond W01 Book", "Garamond", Times, serif;
      font-size: 40px;
      line-height: 42px;
      color: black; }
    #findFutureContainer #findFuture p {
      font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 16px;
      letter-spacing: 0.6px;
      color: #323232; }
  #findFutureContainer #programsBtns {
    margin: 1% 0 0 0; }
    #findFutureContainer #programsBtns .columns {
      padding-left: 0.3375rem;
      padding-right: 0.375rem; }
    #findFutureContainer #programsBtns button {
      font-family: "Helvetica Neue LT W01_67 Md Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 18px;
      line-height: 20px;
      text-transform: uppercase;
      width: 100%;
      padding: 1rem;
      -webkit-transition: background-color 200ms ease-out;
      transition: background-color 200ms ease-out; }
    #findFutureContainer #programsBtns ul {
      width: 100%;
      max-width: 96%; }
      #findFutureContainer #programsBtns ul li a {
        font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 16px;
        letter-spacing: 0.6px;
        color: #1b1b1b; }
      #findFutureContainer #programsBtns ul li a.listTitle {
        font-family: "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
      #findFutureContainer #programsBtns ul li:hover {
        background: #e8e0cf; }
    #findFutureContainer #programsBtns .undergradBtn button {
      background: #877148;
      text-align: left;
      padding: 1rem 1rem 1rem 2.5rem; }
    #findFutureContainer #programsBtns .undergradBtn button:hover {
      background: #7a6641; }
    #findFutureContainer #programsBtns .graduateBtn button {
      background: #6e5e5a; }
    #findFutureContainer #programsBtns .graduateBtn button:hover {
      background: #625350; }
    #findFutureContainer #programsBtns .academicsBtn button {
      background: #877148; }
    #findFutureContainer #programsBtns .academicsBtn button:hover {
      background: #7a6641; }
    #findFutureContainer #programsBtns .schoolsBtn button {
      background: #6e5e5a;
      color: white; }
    #findFutureContainer #programsBtns .schoolsBtn button:hover {
      background: #625350; }
    #findFutureContainer #programsBtns .schoolsBtn button.dropdown:after {
      border-color: white transparent transparent transparent !important; }

#schoolsNav {
  background: #e8e0cf; }
  #schoolsNav .schoolsContain {
    margin: 0 auto;
    max-width: 62.5rem;
    width: 100%; }
    #schoolsNav .schoolsContain ul {
      margin: 0px;
      height: 64px;
      overflow: hidden; }
      #schoolsNav .schoolsContain ul li {
        list-style: none;
        float: left;
        font-size: 0px;
        text-align: center;
        border-right: 1px solid #f4f0e7; }
        #schoolsNav .schoolsContain ul li a {
          display: inline-block;
          font-family: "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
          font-size: 11px;
          line-height: 12px;
          text-transform: none;
          padding: 20px 28px;
          vertical-align: middle;
          color: #372f2d; }
        #schoolsNav .schoolsContain ul li a.listTitle {
          padding: 12px 26px;
          font-family: "Helvetica Neue LT W01_67 Md Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
          font-size: 18px;
          line-height: 20px;
          text-transform: uppercase; }
        #schoolsNav .schoolsContain ul li a.singleLine {
          padding: 26px 28px; }
      #schoolsNav .schoolsContain ul li:hover {
        background: #e1d7c1; }
      #schoolsNav .schoolsContain ul li:last-child {
        border-right: none; }

#schoolsNav.fixed {
  top: 98px; }

#homepageNews {
  height: auto;
  width: 100%;
  background: white; }
  #homepageNews .news h1 {
    font-family: "ITC Garamond W01 Book", "Garamond", Times, serif;
    font-size: 30px;
    line-height: 34px;
    margin: 0 6px 24px 35px;
    padding: 0px;
    display: inline;
    color: black;
    cursor: auto; }
  #homepageNews .news .category-link {
    color: #877148; }
    #homepageNews .news .category-link a {
      font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 34px;
      font-weight: normal;
      color: #877148;
      display: inline;
      text-transform: uppercase; }
    #homepageNews .news .category-link a:hover {
      color: #877148;
      text-decoration: underline; }
  #homepageNews .news .news-items .news-content .title {
    margin-top: 4px;
    line-height: 17px;
    font-size: 14px; }
    #homepageNews .news .news-items .news-content .title a {
      font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; }
  #homepageNews .slick-prev, #homepageNews .slick-next {
    top: 40%; }
  #homepageNews .slick-prev {
    background: no-repeat url("arrow-news-left.png");
    background-position: center right 6px;
    background-size: contain;
    transform: none;
    width: 22px;
    height: 20px; }
  #homepageNews .slick-prev:hover {
    background: no-repeat url("arrow-news-left-gold.png");
    background-position: center right 6px;
    background-size: contain;
    transform: none; }
  #homepageNews .slick-next {
    background: no-repeat url("arrow-news-right.png");
    background-position: center left 6px;
    background-size: contain;
    transform: none;
    width: 22px;
    height: 20px; }
  #homepageNews .slick-next:hover {
    background: no-repeat url("arrow-news-right-gold.png");
    background-position: center left 6px;
    background-size: contain;
    transform: none; }

#homepageEvents {
  background: #faf8f3;
  width: 100%;
  height: auto; }
  #homepageEvents div#temp-region-3 {
    padding-left: 50px; }
  #homepageEvents .events {
    background-color: inherit;
    padding: 50px 0px;
    /* .day-section-1,
     .day-section-2,
     .day-section-3,
     .day-section-4,
     .day-section-5,
     .day-section-6,
     .day-section-7,
     .day-section-8,
     .day-section-9,
     .day-section-10 {
         margin: 30px 0 10px 0;
     }*/ }
    #homepageEvents .events .day-group:not(:first-of-type) {
      margin: 30px 0 10px 0; }
    #homepageEvents .events h1 {
      font-family: "ITC Garamond W01 Book", "Garamond", Times, serif;
      font-size: 30px;
      line-height: 34px;
      margin: 0 6px 24px 0;
      padding: 0px;
      display: inline;
      color: black;
      cursor: auto; }
    #homepageEvents .events .category-link a {
      font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
      font-size: 14px;
      line-height: 34px;
      font-weight: normal;
      color: #7a6641;
      display: inline;
      text-transform: uppercase; }
    #homepageEvents .events .category-link a:hover {
      color: #7a6641;
      text-decoration: underline; }
    #homepageEvents .events .featured {
      border-right: 1px solid #e3e3e3; }
      #homepageEvents .events .featured .desc {
        border-left: 1px solid #dcdcdc;
        padding: 0 0 0 10px !important;
        line-height: 13px;
        margin: 6px 0 0 0; }
      #homepageEvents .events .featured .month {
        font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-size: 14px;
        text-transform: uppercase;
        line-height: 20px;
        padding-left: 3px;
        margin-top: 5px; }
      #homepageEvents .events .featured .day {
        font-family: "ITC Garamond W01 Book", "Garamond", Times, serif;
        font-size: 33px;
        line-height: 30px;
        letter-spacing: 0px; }
      #homepageEvents .events .featured .category {
        font-family: "Helvetica Neue LT W01_67 Md Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-weight: normal;
        text-transform: uppercase;
        color: #7a6641;
        font-size: 11px;
        line-height: 13px;
        margin: 0 0 5px 0;
        display: inline-block; }
      #homepageEvents .events .featured .title {
        font-family: "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        line-height: 17px;
        font-size: 14px;
        margin: 0 0 8px 0; }
        #homepageEvents .events .featured .title a {
          color: black; }
        #homepageEvents .events .featured .title a:hover {
          color: black;
          text-decoration: underline; }
      #homepageEvents .events .featured .time {
        font-size: 12px;
        color: black;
        font-family: "Helvetica Neue LT W01_71488914", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        text-transform: lowercase;
        font-weight: normal; }
    #homepageEvents .events .list {
      border: none; }
      #homepageEvents .events .list .day {
        font-family: "Helvetica Neue LT W01_77 Bd Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-size: 13px;
        color: #7a6641;
        text-transform: uppercase;
        line-height: 16px;
        padding-left: 3px;
        margin-left: -2px;
        margin-bottom: 4px;
        margin-top: 30px; }
      #homepageEvents .events .list .day:first-of-type {
        margin-top: 0px; }
      #homepageEvents .events .list .event {
        margin-bottom: 20px; }
        #homepageEvents .events .list .event .time {
          font-family: "Helvetica Neue LT W01_71488914", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
          font-size: 12px;
          color: black;
          text-transform: lowercase;
          font-weight: normal; }
        #homepageEvents .events .list .event .title {
          font-family: "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
          line-height: 17px;
          font-size: 14px;
          color: black; }
          #homepageEvents .events .list .event .title a {
            color: black; }
          #homepageEvents .events .list .event .title a:hover {
            text-decoration: underline;
            color: black; }

#aboutOU {
  position: relative;
  overflow: hidden;
  height: 540px; }
  #aboutOU .col1 {
    width: 25%;
    height: 540px;
    background: #e8e0cf;
    padding: 2% 2%;
    position: relative;
    float: left; }
    #aboutOU .col1 #aboutBtns {
      margin: 0 0 8% 0; }
      #aboutOU .col1 #aboutBtns ul {
        margin: 0px; }
        #aboutOU .col1 #aboutBtns ul li {
          list-style: none;
          display: inline;
          margin-right: 4%;
          /*max-width:31%;*/
          max-width: 33%;
          height: auto;
          display: inline-block; }
          #aboutOU .col1 #aboutBtns ul li p {
            width: 100%;
            margin: 0px; }
          #aboutOU .col1 #aboutBtns ul li button {
            background: none;
            padding: 0px;
            margin: 0px; }
            #aboutOU .col1 #aboutBtns ul li button p {
              color: black;
              font-family: "Helvetica Neue LT W01_67 Md Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
              font-size: 12px;
              line-height: 14px;
              text-transform: uppercase;
              letter-spacing: 0.6px; }
          #aboutOU .col1 #aboutBtns ul li button:hover p,
          #aboutOU .col1 #aboutBtns ul li button.active p {
            color: black;
            border-bottom: 1px solid black; }
        #aboutOU .col1 #aboutBtns ul li:last-child {
          margin: 0px; }
    #aboutOU .col1 #aboutInfoBox ul {
      margin: 0px; }
      #aboutOU .col1 #aboutInfoBox ul li {
        list-style: none;
        display: none; }
        #aboutOU .col1 #aboutInfoBox ul li h3 {
          font-family: "ITC Garamond W01 Book", "Garamond", Times, serif;
          font-size: 20px;
          line-height: 23px;
          color: black; }
        #aboutOU .col1 #aboutInfoBox ul li h4 {
          font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
          font-size: 15px;
          line-height: 23px;
          color: black; }
      #aboutOU .col1 #aboutInfoBox ul li.show {
        display: inline-block; }
  #aboutOU .col2 {
    width: 50%;
    height: 540px;
    background: black;
    padding: 0%;
    position: relative;
    float: left; }
    #aboutOU .col2 .campusBeauty {
      width: 100%;
      height: auto; }
      #aboutOU .col2 .campusBeauty button.leftCB {
        background-color: initial;
        background-image: url("arrow_left-white.png");
        background-repeat: no-repeat;
        background-size: cover;
        height: 36px;
        width: 23px;
        padding: 0px;
        opacity: 0.6;
        position: absolute;
        z-index: 2;
        margin: 250px 0 0 2%; }
      #aboutOU .col2 .campusBeauty button.rightCB {
        background-color: initial;
        background-image: url("arrow_right-white.png");
        background-repeat: no-repeat;
        background-size: cover;
        height: 36px;
        width: 23px;
        padding: 0px;
        opacity: 0.6;
        position: absolute;
        z-index: 2;
        right: 0;
        margin: 250px 2% 0 0; }
      #aboutOU .col2 .campusBeauty button.rightCB:hover,
      #aboutOU .col2 .campusBeauty button.leftCB:hover {
        opacity: 1; }
      #aboutOU .col2 .campusBeauty ul#cbRotate {
        margin: 0px;
        width: 100%;
        height: 540px;
        text-align: center;
        padding: 0px;
        position: absolute; }
        #aboutOU .col2 .campusBeauty ul#cbRotate li.cbPhoto {
          width: 100%;
          height: 540px;
          background-size: cover;
          background-repeat: no-repeat;
          background-position-x: center;
          background-position-y: center;
          background-position: center;
          display: none; }
        #aboutOU .col2 .campusBeauty ul#cbRotate li.show {
          display: inline-block; }
          #aboutOU .col2 .campusBeauty ul#cbRotate li.show .infoBtn {
            position: absolute;
            right: 0;
            bottom: 0;
            width: 100%;
            height: 100%;
            max-height: 40px;
            max-width: 40px;
            background: #f3ecdd;
            -webkit-transition: background 0.4s ease-out;
            transition: background 0.4s ease-out;
            cursor: pointer; }
            #aboutOU .col2 .campusBeauty ul#cbRotate li.show .infoBtn .infoText {
              display: none; }
            #aboutOU .col2 .campusBeauty ul#cbRotate li.show .infoBtn .infoIcon {
              background-image: url("info.png");
              background-repeat: no-repeat;
              background-position-x: center;
              background-position-y: center;
              background-position: center center;
              background-size: 22%;
              position: absolute;
              right: 0;
              bottom: 0;
              width: 100%;
              height: 100%;
              max-height: 46px;
              max-width: 46px; }
          #aboutOU .col2 .campusBeauty ul#cbRotate li.show .infoBtn:hover {
            -webkit-transition: background 0.4s ease-out;
            transition: background 0.4s ease-out;
            background-color: white; }
          #aboutOU .col2 .campusBeauty ul#cbRotate li.show .infoBtn.active {
            width: 100%;
            height: auto;
            max-height: 100%;
            max-width: 200px;
            position: absolute;
            right: 0;
            bottom: 0;
            background: #fff;
            -webkit-transition: background 0.3s ease-out;
            transition: background 0.3s ease-out;
            box-shadow: -3px -3px 46px rgba(0, 0, 0, 0.3); }
            #aboutOU .col2 .campusBeauty ul#cbRotate li.show .infoBtn.active .infoText {
              display: block;
              padding: 11% 16% 18% 11%;
              font-size: 12px;
              line-height: 16px; }
              #aboutOU .col2 .campusBeauty ul#cbRotate li.show .infoBtn.active .infoText p {
                margin: 0px;
                font-family: "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
                font-size: 12px;
                line-height: 16px;
                color: #2b2b2b; }
            #aboutOU .col2 .campusBeauty ul#cbRotate li.show .infoBtn.active .infoIcon {
              background-image: url("info-close.png");
              background-repeat: no-repeat;
              background-position-x: 92%;
              background-position-y: 92%;
              background-position: center center;
              background-size: 50%;
              position: absolute;
              right: 0px;
              bottom: 0px;
              width: 100%;
              height: 100%;
              max-height: 40px;
              max-width: 40px; }
  #aboutOU .col3 {
    width: 25%;
    height: 540px;
    background: #a68d4f;
    position: relative;
    float: left; }
    #aboutOU .col3 #fastFactRotator {
      width: 100%;
      float: left; }
      #aboutOU .col3 #fastFactRotator #factOne {
        width: 100%;
        height: 320px;
        float: left; }
        #aboutOU .col3 #fastFactRotator #factOne ul#factListOne {
          margin: 0px; }
          #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li {
            background-size: cover;
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-position: center;
            display: none;
            width: 100%;
            text-align: center;
            height: 320px;
            padding: 90px 2% 2% 2%; }
            #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.number {
              font-family: "Helvetica Neue LT W01_47 Lt Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
              font-size: 80px;
              line-height: 94px;
              letter-spacing: -2px;
              color: white;
              margin: 0px; }
            #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.numberText {
              font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
              font-size: 16px;
              line-height: 18px;
              color: white;
              margin: 0px; }
            #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer {
              position: absolute;
              width: 96%;
              top: 206px; }
              #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer button.refresh {
                padding: 0;
                background: none;
                margin: 23% 0 0 0; }
                #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer button.refresh img {
                  width: 100%;
                  max-width: 20px;
                  height: auto; }
              #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer button.refresh:active img {
                padding: 2px;
                -ms-transform: rotate(90deg);
                /* IE 9 */
                -webkit-transform: rotate(90deg);
                /* Chrome, Safari, Opera */
                transform: rotate(90deg); }
          #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li.show {
            display: inline-block; }
      #aboutOU .col3 #fastFactRotator #factTwo,
      #aboutOU .col3 #fastFactRotator #factThree {
        width: 50%;
        height: 220px;
        float: left; }
        #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo,
        #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree,
        #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo,
        #aboutOU .col3 #fastFactRotator #factThree ul#factListThree {
          margin: 0px; }
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li,
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li {
            background-size: cover;
            background-repeat: no-repeat;
            background-position-x: center;
            background-position-y: center;
            background-position: center;
            display: none;
            width: 100%;
            text-align: center;
            height: 320px;
            padding: 40px 6% 2% 6%; }
            #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.number,
            #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li p.number,
            #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li p.number,
            #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.number {
              font-family: "Helvetica Neue LT W01_47 Lt Cn", "Roboto Condensed", "Helvetica Neue LT W01_65 Md", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
              font-size: 55px;
              line-height: 50px;
              letter-spacing: -2px;
              color: white;
              margin: 0px; }
            #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.numberText,
            #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li p.numberText,
            #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li p.numberText,
            #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.numberText {
              font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
              font-size: 16px;
              line-height: 18px;
              color: white;
              margin: 0px; }
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li.show,
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li.show,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li.show,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li.show {
            display: inline-block; }

@media only screen and (min-width: 0px) {
  footer .legalContainer #legal #transparency {
    display: inline-block !important; } }
@media only screen and (max-width: 40em) {
  .mobileTesting {
    display: block;
    background-color: rgba(255, 0, 0, 0.6); }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: none; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: block; }

  #topContent {
    max-height: initial;
    overflow: visible; }
    #topContent #heroSlider {
      width: 100%; }
      #topContent #heroSlider .ulHeroSlider .heroContent {
        background: white;
        min-height: 300px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position-x: center;
        background-position-y: center;
        background-position: center; }
        #topContent #heroSlider .ulHeroSlider .heroContent button.left {
          top: 32%;
          left: 3%;
          opacity: 0.8; }
        #topContent #heroSlider .ulHeroSlider .heroContent button.right {
          top: 32%;
          right: 3%;
          opacity: 0.8; }
        #topContent #heroSlider .ulHeroSlider .heroContent span.cropShadow {
          display: none; }
        #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn {
          background-color: white;
          margin: 0px;
          border: none; }
          #topContent #heroSlider .ulHeroSlider .heroContent .infoBtn .infoIcon {
            background-image: url(info-gold.png); }
        #topContent #heroSlider .ulHeroSlider .heroContent p.articleTitle {
          color: #877148;
          margin: 0px;
          padding: 3% 12% 3% 4%;
          font-size: 1rem;
          line-height: 22px;
          background: white;
          width: 100%; }
    #topContent #rightCol {
      width: 100%; }
      #topContent #rightCol span.imgMask ul#btnBox {
        padding: 10% 24%; }
        #topContent #rightCol span.imgMask ul#btnBox a li {
          margin: 8% 0px;
          padding: 6%;
          font-size: 1.3rem;
          line-height: 1.6rem; }
      #topContent #rightCol div.eventsContainer button.leftEvents {
        height: 36px;
        width: 14px;
        padding: 0px;
        opacity: 0.3;
        display: inline-block;
        float: left;
        margin: 12% 2%;
        position: absolute; }
      #topContent #rightCol div.eventsContainer button.rightEvents {
        height: 36px;
        width: 14px;
        padding: 0px;
        opacity: 0.3;
        display: inline-block;
        float: right;
        margin: 12% 2%; }
      #topContent #rightCol div.eventsContainer button.rightEvents:hover,
      #topContent #rightCol div.eventsContainer button.leftEvents:hover {
        opacity: 1; }
      #topContent #rightCol div.eventsContainer h4 {
        font-size: 24px;
        line-height: 24px;
        letter-spacing: 1px;
        margin: 7px 0px; }
      #topContent #rightCol div.eventsContainer #ulEventsRotate {
        margin: 0px;
        width: 88%;
        display: inline-block;
        text-align: center;
        padding: 0px 4% 10% 16%; }
        #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo {
          position: absolute;
          display: none; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
            font-size: 24px;
            line-height: 24px;
            text-align: center;
            text-transform: uppercase; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo p {
            font-size: 18px;
            line-height: 22px;
            text-align: center;
            text-transform: none; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo a {
            font-size: 16px;
            padding: 4% 18%;
            text-transform: uppercase; }
        #topContent #rightCol div.eventsContainer #ulEventsRotate div.show.eventInfo {
          position: relative;
          display: block; }

  #findFutureContainer {
    /* #programsBtns */ }
    #findFutureContainer #findFuture h4 {
      font-size: 32px; }
    #findFutureContainer #programsBtns {
      /* .undergradBtn */
      /* .schoolsBtn */ }
      #findFutureContainer #programsBtns button {
        font-size: 14px;
        line-height: 18px; }
      #findFutureContainer #programsBtns .undergradBtn button {
        padding: 1rem 1.4rem 1rem 1.4rem;
        text-align: center; }
      #findFutureContainer #programsBtns .undergradBtn .dropdown.button::after,
      #findFutureContainer #programsBtns .undergradBtn button.dropdown::after {
        right: 1.4rem; }
      #findFutureContainer #programsBtns .schoolsBtn button {
        padding: 1rem 1.4rem 1rem 1.4rem; }
      #findFutureContainer #programsBtns .schoolsBtn .dropdown.button::after,
      #findFutureContainer #programsBtns .schoolsBtn button.dropdown::after {
        right: 1.4rem;
        border-color: black transparent transparent transparent; }

  /* #findFutureContainer */
  .ou-news-image {
    height: auto; }

  #homepageNews .news h1 {
    margin: 0 6px 24px 10px; }

  #aboutOU {
    height: auto; }
    #aboutOU .col1 {
      width: 100%;
      height: auto;
      padding: 4%; }
      #aboutOU .col1 #aboutBtns {
        margin: 0 0 3% 0; }
        #aboutOU .col1 #aboutBtns ul li {
          margin-right: 6%; }
      #aboutOU .col1 #aboutInfoBox ul li h3 {
        font-family: "ITC Garamond W01 Book", "Garamond", Times, serif;
        font-size: 18px;
        line-height: 22px; }
      #aboutOU .col1 #aboutInfoBox ul li h4 {
        font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 22px; }
    #aboutOU .col2 {
      width: 100%;
      height: 300px; }
      #aboutOU .col2 .campusBeauty button.leftCB {
        margin: 26% 0 0 4%; }
      #aboutOU .col2 .campusBeauty button.rightCB {
        margin: 26% 4% 0 0; }
      #aboutOU .col2 .campusBeauty ul#cbRotate li.cbPhoto {
        height: 300px; }
    #aboutOU .col3 {
      width: 100%;
      height: 500px; }
      #aboutOU .col3 #fastFactRotator #factOne {
        width: 100%;
        height: 300px; }
        #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li {
          height: 300px;
          padding: 54px 6% 2% 6%; }
          #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.number {
            font-size: 100px;
            line-height: 110px; }
          #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.numberText {
            font-size: 20px;
            line-height: 22px; }
          #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer {
            width: 96%;
            top: 240px; }
            #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer button.refresh {
              margin: 0px; }
      #aboutOU .col3 #fastFactRotator #factTwo,
      #aboutOU .col3 #fastFactRotator #factThree {
        width: 50%;
        height: 200px; }
        #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li,
        #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li,
        #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li,
        #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li {
          padding: 30px 6% 2% 6%;
          height: 200px; }
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.number,
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li p.number,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li p.number,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.number {
            font-size: 60px;
            line-height: 64px; }
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.numberText,
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li p.numberText,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li p.numberText,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.numberText {
            font-size: 18px;
            line-height: 20px; }

  footer .legalContainer #legal #transparency {
    border-left: 1px solid rgba(255, 255, 255, 0.2); } }
@media only screen and (min-width: 40.062em) and (max-width: 60.99em) {
  .mobileTesting {
    display: block;
    background-color: rgba(0, 255, 0, 0.6); }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: none; }

  .mt-medium {
    display: block; }

  .mt-small {
    display: none; }

  #topContent {
    max-height: 426px; }
    #topContent #heroSlider {
      width: 70%; }
      #topContent #heroSlider .ulHeroSlider .heroContent {
        min-height: 426px; }
        #topContent #heroSlider .ulHeroSlider .heroContent p.articleTitle {
          margin: 2.25rem 3.25rem 3.25rem 3.25rem;
          font-size: 40px;
          line-height: 36px; }
    #topContent #rightCol {
      width: 30%; }
      #topContent #rightCol span.imgMask ul#btnBox {
        padding: 10% 14%; }
        #topContent #rightCol span.imgMask ul#btnBox a li {
          margin: 7% 0px;
          padding: 4%;
          font-size: 1.1rem;
          line-height: 1.6rem; }
      #topContent #rightCol span.imgMask ul#btnBox {
        padding: 3% 10%; }
      #topContent #rightCol div.eventsContainer button.leftEvents {
        height: 36px;
        width: 14px;
        padding: 0px;
        opacity: 0.3;
        display: inline-block;
        float: left;
        margin: 20% 2%;
        position: absolute; }
      #topContent #rightCol div.eventsContainer button.rightEvents {
        height: 36px;
        width: 14px;
        padding: 0px;
        opacity: 0.3;
        display: inline-block;
        float: right;
        margin: 20% 2%; }
      #topContent #rightCol div.eventsContainer button.rightEvents:hover,
      #topContent #rightCol div.eventsContainer button.leftEvents:hover {
        opacity: 1; }
      #topContent #rightCol div.eventsContainer h4 {
        font-size: 18px;
        line-height: 23px;
        letter-spacing: 1px;
        margin: 10px 0px; }
      #topContent #rightCol div.eventsContainer #ulEventsRotate {
        margin: 0px;
        width: 88%;
        display: inline-block;
        text-align: center;
        padding: 0px 4% 10% 16%; }
        #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo {
          position: absolute;
          display: none; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
            font-size: 18px;
            line-height: 20px;
            text-align: center;
            text-transform: uppercase; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo p {
            font-size: 16px;
            line-height: 22px;
            text-align: center;
            text-transform: none; }
          #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo a {
            font-size: 16px;
            padding: 4% 18%;
            text-transform: uppercase; }
        #topContent #rightCol div.eventsContainer #ulEventsRotate div.show.eventInfo {
          position: relative;
          display: block; }

  #findFutureContainer #programsBtns .undergradBtn button {
    padding: 1rem 1rem 1rem 1rem; }
  #findFutureContainer #programsBtns .undergradBtn .dropdown.button::after,
  #findFutureContainer #programsBtns .undergradBtn button.dropdown::after {
    right: 1rem; }

  #schoolsNav .schoolsContain ul li a {
    padding: 20px 18px; }
  #schoolsNav .schoolsContain ul li a.listTitle {
    padding: 12px 20px; }
  #schoolsNav .schoolsContain ul li a.singleLine {
    padding: 26px 20px; }

  #aboutOU {
    height: auto; }
    #aboutOU .col1 {
      width: 100%;
      height: auto;
      padding: 4%; }
      #aboutOU .col1 #aboutBtns {
        margin: 0 0 3% 0; }
        #aboutOU .col1 #aboutBtns ul li {
          margin-right: 6%; }
      #aboutOU .col1 #aboutInfoBox ul li h3 {
        font-family: "ITC Garamond W01 Book", "Garamond", Times, serif;
        font-size: 18px;
        line-height: 22px; }
      #aboutOU .col1 #aboutInfoBox ul li h4 {
        font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
        font-size: 14px;
        line-height: 22px; }
    #aboutOU .col2 {
      width: 100%;
      height: 540px; }
      #aboutOU .col2 .campusBeauty button.leftCB {
        margin: 26% 0 0 4%; }
      #aboutOU .col2 .campusBeauty button.rightCB {
        margin: 26% 4% 0 0; }
    #aboutOU .col3 {
      width: 100%;
      height: 360px; }
      #aboutOU .col3 #fastFactRotator #factOne {
        width: 50%;
        height: 360px; }
        #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li {
          height: 360px;
          padding: 90px 6% 2% 6%; }
          #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.number {
            font-size: 90px;
            line-height: 100px; }
          #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.numberText {
            font-size: 22px;
            line-height: 24px; }
          #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer {
            width: 48%;
            top: 186px; }
      #aboutOU .col3 #fastFactRotator #factTwo,
      #aboutOU .col3 #fastFactRotator #factThree {
        width: 50%;
        height: 180px; }
        #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li,
        #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li,
        #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li,
        #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li {
          padding: 36px 6% 2% 6%;
          height: 180px; }
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.number,
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li p.number,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li p.number,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.number {
            font-size: 60px;
            line-height: 64px; }
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.numberText,
          #aboutOU .col3 #fastFactRotator #factTwo ul#factListThree li p.numberText,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListTwo li p.numberText,
          #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.numberText {
            font-size: 17px;
            line-height: 19px; } }
@media only screen and (min-width: 46em) and (max-width: 52.99em) {
  .mobileTesting {
    display: block;
    background-color: rgba(200, 0, 100, 0.6); }

  .mobileTesting:after {
    content: 'variant 1'; }

  #findFutureContainer #programsBtns .medium-8 {
    width: 80.66667%; }
  #findFutureContainer #programsBtns .undergradBtn button {
    padding: 1rem 1.4rem 1rem 1.4rem; }
  #findFutureContainer #programsBtns .undergradBtn .dropdown.button::after,
  #findFutureContainer #programsBtns .undergradBtn button.dropdown::after {
    right: 1.4rem; }

  #schoolsNav .schoolsContain ul li a {
    padding: 20px 14px; }
  #schoolsNav .schoolsContain ul li a.listTitle {
    padding: 20px 12px;
    font-size: 12px;
    line-height: 14px; }
  #schoolsNav .schoolsContain ul li a.singleLine {
    padding: 26px 14px; }

  #aboutOU .col2 .campusBeauty button.leftCB {
    margin: 36% 0 0 4%; }

  #aboutOU .col2 .campusBeauty button.rightCB {
    margin: 36% 4% 0 0; }

  #topContent #rightCol div.eventsContainer h4 {
    margin: 10px 0px; }

  #topContent #rightCol div.eventsContainer button.leftEvents {
    margin: 22% 2%; }

  #topContent #rightCol div.eventsContainer button.rightEvents {
    margin: 22% 2%; } }
@media only screen and (min-width: 40.01em) and (max-width: 45.99em) {
  .mobileTesting {
    display: block;
    background-color: rgba(100, 0, 200, 0.6); }

  .mobileTesting:after {
    content: 'variant 2'; }

  #topContent #rightCol span.imgMask ul#btnBox a li {
    font-size: 1.1rem; }

  #topContent #rightCol span.imgMask ul#btnBox {
    padding: 14% 14%; }

  #topContent #rightCol div.eventsContainer h4 {
    margin: 10px 0px; }

  #topContent #rightCol div.eventsContainer button.leftEvents {
    margin: 16% 2%; }

  #topContent #rightCol div.eventsContainer button.rightEvents {
    margin: 16% 2%; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo p {
    margin-bottom: 1rem; }

  #findFutureContainer {
    /* #programsBtns */ }
    #findFutureContainer .medium-8 {
      width: 100%; }
    #findFutureContainer .medium-6 {
      width: 100%; }
    #findFutureContainer #programsBtns {
      /* .undergradBtn */
      /* .schoolsBtn */ }
      #findFutureContainer #programsBtns .undergradBtn button {
        padding: 1rem 1.4rem 1rem 1.4rem;
        text-align: center; }
      #findFutureContainer #programsBtns .undergradBtn .dropdown.button::after,
      #findFutureContainer #programsBtns .undergradBtn button.dropdown::after {
        right: 1.4rem; }
      #findFutureContainer #programsBtns .schoolsBtn button {
        padding: 1rem 1.4rem 1rem 1.4rem; }
      #findFutureContainer #programsBtns .schoolsBtn .dropdown.button::after,
      #findFutureContainer #programsBtns .schoolsBtn button.dropdown::after {
        right: 1.4rem;
        border-color: black transparent transparent transparent; }

  /* #findFutureContainer */
  #programsBtns .hide-for-small-only {
    display: none !important; }
  #programsBtns .hide-for-medium-up {
    display: inline-block !important; }

  #aboutOU .col2 .campusBeauty button.leftCB {
    margin: 36% 0 0 4%; }

  #aboutOU .col2 .campusBeauty button.rightCB {
    margin: 36% 4% 0 0; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer {
    top: 206px; } }
@media only screen and (min-width: 61em) and (max-width: 90.0629em) {
  .mobileTesting {
    display: block;
    background-color: rgba(0, 0, 255, 0.6); }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: block; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; } }
@media only screen and (min-width: 1153px) and (max-width: 1200px) {
  .mobileTesting {
    display: block;
    background-color: rgba(150, 255, 60, 0.6); }

  .mobileTesting:after {
    content: 'variant 1'; }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: block; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; }

  #topContent #rightCol div.eventsContainer h4 {
    margin: 12px 0px; }

  #topContent #rightCol div.eventsContainer button.leftEvents {
    margin: 22% 2%; }

  #topContent #rightCol div.eventsContainer button.rightEvents {
    margin: 22% 2%; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
    font-size: 25px;
    line-height: 24px; } }
@media only screen and (min-width: 1089px) and (max-width: 1152px) {
  .mobileTesting {
    display: block;
    background-color: rgba(0, 255, 236, 0.6); }

  .mobileTesting:after {
    content: 'variant 2'; }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: block; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; }

  #topContent #rightCol div.eventsContainer h4 {
    margin: 10px 0px; }

  #topContent #rightCol div.eventsContainer button.leftEvents {
    margin: 26% 2%; }

  #topContent #rightCol div.eventsContainer button.rightEvents {
    margin: 26% 2%; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
    font-size: 25px;
    line-height: 24px; } }
@media only screen and (min-width: 1025px) and (max-width: 1088px) {
  .mobileTesting {
    display: block;
    background-color: rgba(150, 36, 100, 0.6); }

  .mobileTesting:after {
    content: 'variant 3'; }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: block; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; }

  #topContent #rightCol span.imgMask ul#btnBox {
    padding: 14% 20%; }

  #topContent #rightCol div.eventsContainer h4 {
    margin: 14px; }

  #topContent #rightCol div.eventsContainer button.leftEvents {
    margin: 16% 2%; }

  #topContent #rightCol div.eventsContainer button.rightEvents {
    margin: 16% 2%; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
    font-size: 23px;
    line-height: 22px; } }
@media only screen and (min-width: 976px) and (max-width: 1024px) {
  .mobileTesting {
    display: block;
    background-color: rgba(100, 36, 200, 0.6); }

  .mobileTesting:after {
    content: 'variant 4'; }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: block; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; }

  #topContent #rightCol span.imgMask ul#btnBox a li {
    font-size: 1rem; }

  #topContent #rightCol span.imgMask ul#btnBox {
    padding: 14% 20%; }

  #topContent #rightCol div.eventsContainer h4 {
    margin: 17px 0px; }

  #topContent #rightCol div.eventsContainer button.leftEvents {
    margin: 22% 2%; }

  #topContent #rightCol div.eventsContainer button.rightEvents {
    margin: 22% 2%; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
    font-size: 23px;
    line-height: 22px; }

  #aboutOU .col1 #aboutInfoBox ul li h3 {
    font-family: "ITC Garamond W01 Book", "Garamond", Times, serif;
    font-size: 18px;
    line-height: 22px; }
  #aboutOU .col1 #aboutInfoBox ul li h4 {
    font-family: "Helvetica Neue LT W01_41488878", "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif;
    font-size: 14px;
    line-height: 22px; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li {
    padding: 90px 6% 2% 6%; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer button.refresh {
    margin: 16% 0 0 0; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.number {
    font-size: 70px;
    line-height: 80px; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.numberText {
    font-size: 18px;
    line-height: 18px; }

  #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.number,
  #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.number {
    font-size: 44px;
    line-height: 40px; }

  #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.numberText,
  #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.numberText {
    font-size: 16px;
    line-height: 18px; } }
@media only screen and (min-width: 90.063em) and (max-width: 120em) {
  .mobileTesting {
    display: block;
    background-color: rgba(0, 100, 100, 0.6); }

  .mt-xxlarge {
    display: none; }

  .mt-xlarge {
    display: block; }

  .mt-large {
    display: none; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; }

  #topContent #rightCol span.imgMask ul#btnBox {
    padding: 7% 20%; }
  #topContent #rightCol div.eventsContainer {
    max-height: inherit; }
    #topContent #rightCol div.eventsContainer h4 {
      font-size: 28px;
      line-height: 26px; }
    #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
      font-size: 26px;
      line-height: 24px; }
    #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo p {
      font-size: 18px;
      line-height: 24px; }
    #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo a {
      font-size: 1rem;
      padding: 2% 20%; }

  #topContent #rightCol span.imgMask ul#btnBox {
    padding: 12% 20%; }

  #topContent #rightCol div.eventsContainer h4 {
    margin: 10px 0px; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate {
    padding: 12px 5% 0% 14%;
    width: 90%; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li {
    padding: 90px 6% 2% 6%; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer button.refresh {
    margin: 16% 0 0 0; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.number {
    font-size: 100px; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.numberText {
    font-size: 26px;
    line-height: 30px; }

  #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.number,
  #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.number {
    font-size: 65px;
    line-height: 70px; }

  #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.numberText,
  #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.numberText {
    font-size: 18px;
    line-height: 20px; } }
@media only screen and (min-width: 1566px) and (max-width: 1790px) {
  #topContent #rightCol span.imgMask ul#btnBox {
    padding: 12% 20%; }

  #topContent #rightCol div.eventsContainer h4 {
    margin: 14px 0px; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate {
    padding: 12px 4% 0% 13%;
    width: 90%; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate a {
    font-size: 1rem; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
    font-size: 29px;
    line-height: 28px; } }
@media only screen and (min-width: 1791px) and (max-width: 1920px) {
  #topContent #rightCol span.imgMask ul#btnBox {
    padding: 12% 20%; }

  #topContent #rightCol div.eventsContainer h4 {
    margin: 22px 0px; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate {
    padding: 12px 5% 0% 14%;
    width: 90%; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
    font-size: 31px;
    line-height: 30px; }

  #topContent #rightCol div.eventsContainer #ulEventsRotate a {
    font-size: 1rem; } }
@media only screen and (min-width: 120.06em) {
  .mobileTesting {
    display: block;
    background-color: rgba(200, 100, 0, 0.6); }

  .mt-xxlarge {
    display: block; }

  .mt-xlarge {
    display: none; }

  .mt-large {
    display: none; }

  .mt-medium {
    display: none; }

  .mt-small {
    display: none; }

  #topContent #rightCol span.imgMask ul#btnBox {
    padding: 10% 20%; }
  #topContent #rightCol div.eventsContainer {
    max-height: inherit; }
    #topContent #rightCol div.eventsContainer h4 {
      font-size: 38px;
      line-height: 36px;
      margin: 30px 0px; }
    #topContent #rightCol div.eventsContainer #ulEventsRotate {
      padding: 12px 5% 0% 14%;
      width: 90%; }
      #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo h6 {
        font-size: 40px;
        line-height: 34px; }
      #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo p {
        font-size: 28px;
        line-height: 40px; }
      #topContent #rightCol div.eventsContainer #ulEventsRotate div.eventInfo a {
        font-size: 1rem;
        padding: 2% 30%; }

  #topContent #heroSlider .ulHeroSlider .heroContent p.articleTitle {
    font-size: 66px;
    line-height: 62px; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li {
    padding: 90px 6% 2% 6%; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li div.refreshContainer button.refresh {
    margin: 12% 0 0 0; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.number {
    font-size: 100px; }

  #aboutOU .col3 #fastFactRotator #factOne ul#factListOne li p.numberText {
    font-size: 26px;
    line-height: 30px; }

  #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.number,
  #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.number {
    font-size: 65px;
    line-height: 70px; }

  #aboutOU .col3 #fastFactRotator #factTwo ul#factListTwo li p.numberText,
  #aboutOU .col3 #fastFactRotator #factThree ul#factListThree li p.numberText {
    font-size: 18px;
    line-height: 20px; } }

/*# sourceMappingURL=homepage2016.css.map */