html {
    background-color: #fff;
    color: #000;
    font-size: 16px;
}
body {
    position: relative;
    font-size: 16px;
}
.nav-skipto {
    position: absolute;
    bottom: 100%;
    display: inline-block;
    padding: 10px 20px;
    z-index: 2;
    background-color: #000;
    border: 1px solid #8e6f3e;
}
.nav-skipto:active,
.nav-skipto:hover,
.nav-skipto:link,
.nav-skipto:visited {
    color: #fff;
}
.nav-skipto:focus {
    bottom: auto;
    top: 0;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
    margin-top: 1.5333rem;
}
h1 {
    font-size: 2.1333rem;
}
h2 {
    font-size: 1.8667rem;
}
h3 {
    font-size: 1.5333rem;
}
h4 {
    font-size: 1.4rem;
}
h5 {
    font-size: 1.2rem;
}
h6 {
    font-size: 1.0667rem;
}
h1,
h1 a,
h2,
h2 a,
h3,
h3 a,
h4,
h4 a,
h5,
h5 a,
h6,
h6 a {
    font-weight: 300;
    color: #8e6f3e;
}
a:link,
a:visited {
    text-decoration: underline;
}
a:active,
a:hover,
a:link,
a:visited {
    font-weight: 700;
    color: #000;
    cursor: pointer;
}
a:active,
a:hover {
    text-decoration: none;
}
.maincontent ol li,
.maincontent ul li,
p,
table {
    font-size: 1rem;
}
blockquote a,
div a,
li a,
p a,
td a {
    color: #000;
    text-decoration: underline;
}
blockquote a:focus,
blockquote a:hover,
div a:focus,
div a:hover,
li a:focus,
li a:hover,
p a:focus,
p a:hover,
td a:focus,
td a:hover {
    color: #000;
    text-decoration: none;
}
.right {
    float: right;
}
.left {
    float: left;
}
.transition {
    transition-duration: 0.3s;
    -ms-transition-duration: 0.3s;
}
.dropdown-toggle:focus {
    outline-color: -webkit-focus-ring-color;
    outline-color: #3b99ff;
    outline-style: auto;
    outline-width: 5px;
    outline-offset: -2px;
}
.navbar-toggle:focus {
    text-decoration: underline;
}
.navbar {
    margin-bottom: 0;
    border-radius: 0;
    min-height: inherit;
}
.navbar .container {
    padding: 0;
}
.navbar-nav {
    margin: 0 !important;
}
.navbar-collapse {
    border: 0;
    box-shadow: none;
    padding: 0;
}
.navbar-toggle {
    float: left;
    margin: 0.5333rem 0 0.5333rem 15px;
    border: 0;
}
.navbar-toggle.search {
    margin-right: 15px;
}
.navbar-inverse .search .navbar-nav > .open > a,
.navbar-inverse .search .navbar-nav > .open > a:focus,
.navbar-inverse .search .navbar-nav > .open > a:hover {
    background-color: transparent;
    color: #000;
}
.goldbar {
    padding-top: 3px;
    padding-bottom: 3px;
    background-color: #cfb991;
    color: #000;
    font-size: 0.9333rem;
    border: 0;
    box-shadow: 0 2px 10px #1e1e1e;
}
.goldbar .fa-search {
    position: relative;
    overflow: hidden;
}
.goldbar .fa-search:after {
    content: "search";
    position: absolute;
    top: -10em;
    right: 200%;
}
.goldbar a:link {
    text-decoration: none;
    font-weight: 400;
}
.goldbar .dropdown-menu {
    border-radius: 0;
}
.goldbar .navbar-nav > li > a {
    color: #000;
    padding: 5px 15px;
    font-weight: 400;
}
.goldbar .navbar-nav > li > a:focus,
.goldbar .navbar-nav > li > a:hover {
    background-color: transparent;
    color: #000;
    text-decoration: underline;
    font-weight: 400;
}
.goldbar .navbar-nav > li > a:focus {
    outline: 1px dotted #000;
}
.goldbar .navbar-nav > li > a .fa-search {
    line-height: 1.3333rem;
}
.goldbar.navbar-inverse .navbar-nav.information > .open > a,
.goldbar.navbar-inverse .navbar-nav.information > .open > a:focus,
.goldbar.navbar-inverse .navbar-nav.information > .open > a:hover {
    background-color: transparent;
    color: #000;
    text-decoration: underline;
}
.goldbar .navbar-toggle:focus,
.goldbar .navbar-toggle:hover {
    background-color: transparent;
}
.goldbar .navbar-toggle:active .icon-bar,
.goldbar .navbar-toggle:focus .icon-bar,
.goldbar .navbar-toggle:hover .icon-bar {
    background-color: #000;
}
.goldbar .navbar-toggle:active .fa-lg,
.goldbar .navbar-toggle:focus .fa-lg,
.goldbar .navbar-toggle:hover .fa-lg {
    color: #000;
}
.goldbar .navbar-nav > .information.open > a,
.goldbar .navbar-nav > .information.open > a:focus,
.goldbar .navbar-nav > .information.open > a:hover,
.goldbar .navbar-nav > .quicklinks.open > a,
.goldbar .navbar-nav > .quicklinks.open > a:focus,
.goldbar .navbar-nav > .quicklinks.open > a:hover {
    background-color: transparent;
}
.goldbar .information .dropdown-menu,
.goldbar .quicklinks .dropdown-menu {
    background-color: #cfb991;
    border: 0;
    box-shadow: none;
    z-index: 1001;
}
.goldbar .information .dropdown-menu > li > a,
.goldbar .quicklinks .dropdown-menu > li > a {
    font-size: 0.8rem;
    color: #000;
    text-transform: none;
}
.goldbar .information .dropdown-menu > li > a:focus,
.goldbar .information .dropdown-menu > li > a:hover,
.goldbar .quicklinks .dropdown-menu > li > a:focus,
.goldbar .quicklinks .dropdown-menu > li > a:hover {
    color: #000;
    background-color: transparent;
    text-decoration: underline;
}
.goldbar .quicklinks li a {
    margin: 5px 10px;
    padding: 0;
}
.goldbar .quicklinks li a:nth-child(0) {
    border: 0;
}
.goldbar .search .dropdown-menu {
    background-color: #cfb991;
    padding: 0;
    border: 0;
}
.goldbar .search .form-group {
    background-color: transparent;
    float: right;
    margin-bottom: 0;
}
.goldbar .search .btn,
.goldbar .search .form-control {
    border: 0;
    border-radius: 0;
    box-shadow: none;
    background-color: transparent;
    display: inline-block;
    height: 35px;
}
.cse input.gsc-input,
.goldbar .search .form-control,
input.gsc-input {
    color: #000;
    width: 200px !important;
    border: 0;
}
.goldbar .search .btn {
    color: #000;
    font-size: 0.8rem;
    padding: 3px 8px;
}
.goldbar .search .btn:hover {
    color: #c5960b;
}
.goldbar .search .btn i {
    display: block;
}
.goldbar .search .form-group .gsc-clear-button,
.goldbar .search .form-group .gsc-search-button {
    display: none;
}
.cse form.gsc-search-box,
form.gsc-search-box {
    padding: 7px !important;
    margin: 0 !important;
}
table.gsc-search-box {
    margin: 0 !important;
}
.cse table.gsc-search-box td.gsc-input,
table.gsc-search-box td.gsc-input {
    padding: 0 !important;
}
table.gcsc-branding,
table.gsc-branding {
    display: none;
}
.top {
    /*background-color: #3b3b3b;
    background-image: url(https://purdue.edu/purdue/images/stripes.png);*/
    background-color: #000;
    background-repeat: repeat;
}
.top .logo {
    margin: 1.6667rem 0;
}
.top .logo a,
.top .logo a img {
    width: 100%;
    display: block;
    color: #fff;
}
.top .department {
    width: inherit;
}
.top .department .tagline,
.top .department a {
    color: #fff;
    font-weight: 100;
    padding-left: 10px;
    padding-right: 10px;
    text-decoration: none;
    letter-spacing: 1px;
    border-left: 1px solid #cfb991;
    display: block;
}
.top .department .tagline {
    font-size: 0.7333rem;
}
.top .department .tagline a {
    font-size: inherit;
    color: #fff;
    text-decoration: none;
    border: 0;
    padding: 0;
}
.blackbar {
    background-color: #171717;
    border: 0;
}
.blackbar a:link,
.blackbar a:visited {
    color: #999;
    text-decoration: none !important;
    font-weight: 400;
}
.blackbar a:active,
.blackbar a:focus,
.blackbar a:hover {
    color: #fff;
    text-decoration: none !important;
    font-weight: 400;
}
.blackbar a:focus {
    outline: none;
    background-color: #373737 !important;
}
.blackbar .navbar-toggle:focus,
.blackbar .navbar-toggle:hover {
    background-color: transparent;
}
.blackbar .navbar-toggle:active .icon-bar,
.blackbar .navbar-toggle:focus .icon-bar,
.blackbar .navbar-toggle:hover .icon-bar {
    background-color: #cfb991;
}
.blackbar .navbar-nav > .open > a,
.blackbar .navbar-nav > .open > a:focus,
.blackbar .navbar-nav > .open > a:hover {
    background-color: transparent;
}
.blackbar li a .caret {
    display: none;
}
.blackbar li.dropdown a.dropdown-toggle .caret {
    display: inline-block;
    margin-left: 5px;
}
.blackbar .dropdown .dropdown-menu {
    background-color: #171717;
    border: 0;
    border-radius: 0;
    z-index: 1001;
    font-size: 0.9333rem;
}
.blackbar .dropdown .dropdown-menu > li > a {
    color: #999;
}
.blackbar .dropdown .dropdown-menu > li > a:focus,
.blackbar .dropdown .dropdown-menu > li > a:hover {
    background-color: transparent;
    color: #fff;
}
.blackbar .dropdown .dropdown-menu > li.dropdown-submenu > a .caret {
    display: none;
}
.blackbar .dropdown.open ul.dropdown-menu li.dropdown:hover > ul.dropdown-menu {
    display: block;
    top: 0;
    left: 100%;
}
.blackbar .dropdown.open ul.dropdown-menu li.dropdown:hover > ul.dropdown-menu li.dropdown ul.dropdown-menu {
    display: none;
}
.blackbar .dropdown.megamenu {
    position: static;
}
.blackbar .dropdown.megamenu .dropdown-menu {
    left: auto;
}
.blackbar .dropdown.megamenu .dropdown-menu ul {
    width: 160px;
    padding: 0;
    list-style-type: none;
}
.blackbar .dropdown.megamenu .dropdown-menu ul li {
    color: #999;
}
.blackbar .dropdown.megamenu .dropdown-menu ul li a {
    padding: 3px 20px;
    color: #999;
    text-decoration: none;
    display: block;
}
.blackbar .dropdown.megamenu .dropdown-menu ul li a:hover {
    color: #fff;
}
.blackbar .dropdown.megamenu .dropdown-menu ul li img {
    width: 100%;
    padding: 0 20px 15px;
}
.dropdown-menu {
    box-shadow: none;
}
.dropdown-submenu {
    position: relative;
}
.dropdown-submenu > .dropdown-menu {
    top: 0;
    left: 100%;
    margin-top: -6px;
    margin-left: -1px;
    border-radius: 0;
}
.dropdown-submenu .dropdown-toggle:focus + .dropdown-menu,
.dropdown-submenu:hover > .dropdown-menu {
    display: block;
}
.dropdown-submenu > a:after {
    display: block;
    content: " ";
    float: right;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
    border-width: 4px 0 4px 4px;
    border-left-color: #999;
    margin-top: 5px;
    margin-right: -10px;
}
.dropdown-submenu:hover > a:after {
    border-left-color: #fff;
}
.dropdown-submenu.pull-left {
    float: none;
}
.dropdown-submenu.pull-left > .dropdown-menu {
    left: -100%;
    margin-left: 10px;
    border-radius: 6px 0 6px 6px;
}
.boxes {
    padding: 10px 5px;
}
.boxes .row,
.boxes .row div {
    margin: 0;
    padding: 0;
}
.boxes .row div a {
    font-weight: 300;
}
.boxes .row .alumnidonors,
.boxes .row .apply,
.boxes .row .audiencebox,
.boxes .row .business,
.boxes .row .careers,
.boxes .row .communityoutreach,
.boxes .row .currentstudents,
.boxes .row .emergency,
.boxes .row .eventcalendar,
.boxes .row .facultystaff,
.boxes .row .givenow,
.boxes .row .graduation,
.boxes .row .homecoming,
.boxes .row .library,
.boxes .row .movein,
.boxes .row .newsevents,
.boxes .row .ourresearch,
.boxes .row .prospectivestudents,
.boxes .row .thinksummer,
.boxes .row .visit {
    padding: 10px;
}
.alumnidonors a,
.apply a,
.audiencebox a,
.business a,
.careers a,
.communityoutreach a,
.currentstudents a,
.emergency a,
.eventcalendar a,
.facultystaff a,
.givenow a,
.graduation a,
.homecoming a,
.library a,
.movein a,
.newsevents a,
.ourresearch a,
.prospectivestudents a,
.thinksummer a,
.visit a {
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    display: block;
    position: relative;
    text-decoration: none;
}
.alumnidonors a,
.audiencebox a,
.business a,
.communityoutreach a,
.currentstudents a,
.emergency a,
.facultystaff a,
.movein a,
.newsevents a,
.ourresearch a,
.prospectivestudents a {
    background-position: 50%;
}
.apply a,
.careers a,
.eventcalendar a,
.givenow a,
.graduation a,
.library a,
.thinksummer a,
.visit a {
    background-position: 100% 0;
    background-size: contain;
}
.audiencebox a {
    background-image: url(https://purdue.edu/purdue/images/audiencebox.jpg);
    border-bottom: 8px solid #000;
}
.emergency a {
    background-color: red;
    border: 0;
}
.currentstudents a {
    background-image: url(https://purdue.edu/purdue/images/currentstudents_banner.jpg);
    border-bottom: 8px solid #29a592;
}
.currentstudents.news a {
    background-image: url(https://purdue.edu/purdue/images/currentstudents_news_banner.jpg);
    border-bottom: 0;
}
.library a {
    background-image: url(https://purdue.edu/purdue/images/library.png);
}
.graduation a,
.library a {
    background-color: #000;
    border-bottom: 0;
}
.graduation a {
    background-image: url(https://purdue.edu/purdue/images/graduation.png);
}
.ourresearch a {
    background-image: url(https://purdue.edu/purdue/images/ourresearch_homepage.jpg);
    border-bottom: 8px solid #6e99b4;
}
.communityoutreach a {
    background-image: url(https://purdue.edu/purdue/images/communityoutreach_banner.jpg);
    border-bottom: 8px solid #a3d6d7;
}
.careers a {
    background-color: #849e2a;
    border-bottom: 0;
    background-position: 100% 0;
    background-size: contain;
    background-image: url(https://purdue.edu/purdue/images/careers_icon.png);
}
.facultystaff a {
    background-image: url(https://purdue.edu/purdue/images/facultystaff_banner.jpg);
    border-bottom: 8px solid #c28e0e;
}
.prospectivestudents a {
    background-image: url(https://purdue.edu/purdue/images/prospectivestudents_banner.jpg);
    border-bottom: 8px solid #c28e0e;
}
.movein a {
    background-image: url(https://purdue.edu/purdue/images/movein_banner.jpg);
    border-bottom: 8px solid #6e99b4;
}
.alumnidonors a {
    background-image: url(https://purdue.edu/purdue/images/alumnidonors_banner.jpg);
    border-bottom: 8px solid #888;
}
.newsevents a {
    background-image: url(https://purdue.edu/purdue/images/newsevents_banner.jpg);
    border-bottom: 8px solid #4d4038;
}
.eventcalendar a {
    background-image: url(https://purdue.edu/purdue/images/eventcalendar_icon.png);
    background-color: #4d4038;
    border-bottom: 0;
}
.visit a {
    background-image: url(https://purdue.edu/purdue/images/visit_icon.png);
    background-color: #ffd100;
    border-bottom: 0;
}
.apply a {
    background-image: url(https://purdue.edu/purdue/images/apply_icon.png);
    background-color: #746c66;
    border-bottom: 0;
}
.thinksummer a {
    background-image: url(https://purdue.edu/purdue/images/thinksummer_icon.png);
    background-color: #000;
    border-bottom: 0;
}
.thinksummer a:hover {
    background-image: url(https://purdue.edu/purdue/images/thinksummer_icon_hover.png);
}
.givenow a {
    background-image: url(https://purdue.edu/purdue/images/givenow_icon.png);
    background-color: #ffd100;
    border-bottom: 0;
}
.business a {
    background-image: url(https://purdue.edu/purdue/images/engage_banner.jpg);
    border-bottom: 8px solid #849e2a;
}
.homecoming a {
    background-image: url(https://purdue.edu/purdue/images/homecoming.jpg);
    border-bottom: 8px solid #000;
}
a .caption {
    position: absolute;
    bottom: 0;
    left: 0;
    padding: 5px 10px;
    width: inherit;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1em;
    text-transform: uppercase;
}
.alumnidonors a .caption,
.audiencebox a .caption,
.business a .caption,
.communityoutreach a .caption,
.currentstudents.news a .caption,
.currentstudents a .caption,
.facultystaff a .caption,
.homecoming a .caption,
.movein a .caption,
.newsevents a .caption,
.ourresearch a .caption,
.prospectivestudents a .caption,
a .caption {
    text-shadow: 2px 2px 5px #000;
}
.apply a .caption,
.careers a .caption,
.eventcalendar a .caption,
.givenow a .caption,
.graduation a .caption,
.library a .caption,
.thinksummer a .caption,
.visit a .caption {
    padding-bottom: 8px;
    text-shadow: none;
}
.emergency a .caption,
.news a .caption {
    top: 0;
    left: 0;
    margin: 20px;
    text-shadow: none !important;
    text-transform: none;
}
@media only screen and (max-width: 479px) {
    .boxes .row div a {
        height: 100px;
    }
    a .caption {
        font-size: 1.0667rem;
        line-height: 1.125em;
    }
    .boxes .row .alumnidonors a .boxes .row .ourresearch a,
    .boxes .row .movein a,
    .boxes .row .prospectivestudents a {
        height: 220px !important;
    }
}
@media only screen and (min-width: 480px) and (max-width: 767px) {
    .boxes .row div a {
        height: 138px;
    }
    a .caption {
        font-size: 1.2rem;
        line-height: 1em;
    }
    .boxes .row .alumnidonors a,
    .boxes .row .movein a,
    .boxes .row .prospectivestudents a {
        height: 296px !important;
    }
}
@media only screen and (max-width: 767px) {
    .boxes {
        padding: 7px;
    }
    .boxes .row .emergency a {
        height: 100%;
    }
    .boxes .row .emergency a .caption {
        display: block;
        margin-top: 0;
        padding-top: 20px;
        position: relative;
    }
}
@media only screen and (min-width: 768px) {
    .boxes .row div a {
        height: 102px;
    }
    .boxes .row .emergency a {
        height: 120px;
    }
    .boxes .row .alumnidonors a,
    .boxes .row .movein a,
    .boxes .row .ourresearch a,
    .boxes .row .prospectivestudents a {
        height: 224px;
    }
    a .caption {
        font-size: 0.8667;
        line-height: 1em;
    }
}
@media only screen and (min-width: 992px) {
    .boxes .row div a {
        height: 138px;
    }
    .boxes .row .emergency a {
        height: 180px;
    }
    .boxes .row .alumnidonors a,
    .boxes .row .movein a,
    .boxes .row .ourresearch a,
    .boxes .row .prospectivestudents a {
        height: 296px;
    }
    a .caption {
        font-size: 1.2rem;
        line-height: 1em;
    }
}
@media only screen and (min-width: 1200px) {
    .boxes .row div a {
        height: 172px;
    }
    .boxes .row .emergency a {
        height: 200px;
    }
    .boxes .row .alumnidonors a,
    .boxes .row .movein a,
    .boxes .row .ourresearch a,
    .boxes .row .prospectivestudents a {
        height: 364px;
    }
    a .caption {
        font-size: 1.6rem;
        line-height: 1em;
    }
}
.banner1,
.banner2,
.banner3 {
    background-size: cover;
    background-position: 50%;
    padding: 0;
    border: 20px solid #fff;
    position: relative;
}
.banner1 {
    background-image: url(https://purdue.edu/purdue/images/banner1.jpg);
}
.banner2 {
    background-image: url(https://purdue.edu/purdue/images/banner2.jpg);
}
.banner3 {
    background-image: url(https://purdue.edu/purdue/images/banner3.jpg);
}
.carousel-caption {
    left: 20px;
    right: auto;
    text-align: left;
    padding: 0;
}
.carousel-caption h2 {
    background-color: #cfb991;
    font-size: 1.2rem;
    font-weight: 400;
    display: inline-block;
}
.carousel-caption h2,
.carousel-caption p {
    color: #000;
    text-shadow: none;
    padding: 10px;
    margin: 0;
}
.carousel-caption p {
    background-color: #fff;
    font-size: 0.8rem;
}
.carousel-control {
    opacity: 1;
    color: #ccc;
    text-shadow: none;
}
.carousel-control:hover {
    color: #333;
}
.carousel-control.left,
.carousel-control.right {
    background: none;
    height: 100%;
    width: 25px;
    font-size: 1.334rem;
}
.carousel-control .fa {
    top: 50%;
    position: relative;
}
.carousel-indicators {
    display: none;
}
.carousel-indicators li {
    border-color: #ccc;
}
.carousel-indicators .active {
    background-color: #ccc;
    width: 11px;
    height: 11px;
}
.audience {
    background-image: none;
    background-color: #000;
    background-position: 50%;
    background-size: cover;
    padding: 15px;
    text-shadow: 1px 1px 5px #000;
}
.audience h1,
.audience h2 {
    color: #fff;
    font-size: 1.6rem;
}
.audience p {
    margin-bottom: 20px;
}
.audience .btn,
.audience p {
    color: #fff;
    font-size: 0.9333rem;
}
.audience .btn {
    background-image: url(https://purdue.edu/purdue/images/transparentblack.png);
    border: 1px solid #fff;
    border-radius: 0;
    padding: 12px;
    margin: 30px 0;
    font-weight: 400;
    text-shadow: none;
    text-decoration: none;
    width: 100%;
}
.audience .btn:hover {
    background-color: #000;
    background-image: none;
}
.resources {
    padding: 10px 0;
}
.resources h4 {
    font-size: 1.733rem;
    color: #6f6f6f;
    margin-top: 0;
}
.resources .links {
    display: inline-block;
    text-align: left;
    margin: 10px 0;
}
.resources .links h6 {
    margin-top: 0;
}
.resources .links ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.resources .links ul li a {
    color: #000;
    font-size: 0.8rem;
    text-decoration: none;
}
.resources .links ul li a:hover {
    text-decoration: underline;
}
.events {
    padding-bottom: 20px;
}
.events .photo {
    background-image: url(https://purdue.edu/purdue/images/about_event.jpg);
    background-size: cover;
    background-position: 50%;
    border-left: 15px solid #fff;
    border-right: 5px solid #fff;
    height: 280px;
    display: block;
}
.events h4 {
    color: #fff;
    background-color: #4d4d4f;
    margin: 0;
    padding: 10px;
}
.events .rss-items {
    list-style-type: none;
    margin: 0;
    padding: 0 0 20px;
    display: block;
}
.events .rss-items li.rss-item {
    width: 100%;
    height: 4rem;
    float: left;
    background-color: #f5f5f5;
    margin-top: 20px;
    display: block;
    position: relative;
}
.events .rss-items li.rss-item a {
    background-color: #f5f5f5;
    color: #000;
    text-decoration: none;
    height: inherit;
    padding: 1.3333rem 1.3333rem 0;
    position: absolute;
    left: 4rem;
    right: 0;
    overflow: hidden;
    font-weight: 400;
}
.events .rss-items li.rss-item a:active,
.events .rss-items li.rss-item a:hover {
    color: #000;
    background-color: #ccc;
}
.events .rss-items li.rss-item .rss-date {
    background-color: #4d4d4d;
    padding: 0.6667rem 1rem;
    width: 4rem;
    height: 4rem;
    text-align: center;
    position: absolute;
    color: #fff;
    font-size: 1rem;
}
.events .rss-items li.rss-item .rss-date,
.events .rss-items li.rss-item a {
    display: inline-block;
}
.events .rss-items li.rss-item br {
    display: none;
}
.audiencefeature {
    background-color: #000;
    background-image: url(https://purdue.edu/purdue/images/audiencefeature.jpg);
    background-size: cover;
    background-position: 50%;
    min-height: 26.6667rem;
}
.audiencefeature .caption {
    padding: 25px;
}
.audiencefeature .caption h3,
.audiencefeature .caption p {
    color: #fff;
    text-shadow: 1px 1px 5px #333;
}
.audiencefeature .caption p a {
    color: #fff;
}
.breadcrumb {
    font-size: 0.8rem;
}
.breadcrumb ol {
    padding: 8px 15px;
    list-style: none;
    background-color: #f5f5f5;
    border-radius: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}
.breadcrumb ol li {
    display: inline-block;
}
.breadcrumb ol > li + li:before {
    content: "/\00a0";
    padding: 0 5px;
}
.breadcrumb ol li,
.breadcrumb ol li a {
    color: #000;
    text-decoration: none;
    font-weight: 400;
}
.deptaudience,
.feed,
.hero {
    height: 20rem;
    overflow: hidden;
    margin-top: 20px;
    margin-bottom: 20px;
}
.hero {
    position: relative;
    /*background-image: url(https://purdue.edu/purdue/images/banner1.jpg);*/
    background-size: cover;
    background-position: 50%;
    border-left: 15px solid #fff;
    border-right: 20px solid #fff;
    padding: 0;
}
.hero a {
    width: 100%;
    height: inherit;
    display: block;
    z-index: 1000;
    position: absolute;
}
.hero .carousel-caption {
    left: 10px;
    bottom: 10px;
    padding: 0;
    max-width: 90%;
}
.hero .carousel-caption h2 {
    background-color: #000;
    color: #fff;
    font-size: 1.2rem;
    display: inline-block;
}
.hero .carousel-caption h2,
.hero .carousel-caption p {
    padding: 10px 30px 10px 10px;
    text-shadow: none;
    margin: 0;
}
.hero .carousel-caption p {
    background-color: #cfb991;
    color: #000;
    font-size: 0.8rem;
}
.hero .carousel-caption h2 a,
.hero .carousel-caption h2 a:hover,
.hero .carousel-caption p a,
.hero .carousel-caption p a:hover {
    color: #fff;
    margin: 0;
    text-shadow: none;
    text-decoration: none;
    position: relative;
}
.feed {
    position: relative;
    padding: 0;
    border-right: 15px solid #fff;
}
.feed .nav-tabs {
    position: relative;
    z-index: 10;
    float: left;
    width: 100%;
}
.feed .tab-content {
    position: absolute;
    top: 2.6667rem;
    bottom: 0;
    z-index: 1;
    left: 0;
    width: 100%;
    overflow-y: auto;
}
@media (max-width: 767px) {
    .feed .tab-content {
        position: static;
    }
}
.feed .nav-tabs {
    border: 0;
    display: inline-block;
    background-color: #555;
}
.feed .nav-tabs > li {
    padding: 0;
    margin: 0;
    border-left: 1px solid #eee;
}
.feed .nav-tabs > li:first-child {
    border: 0;
}
.feed .nav-tabs > li > a,
.feed .nav-tabs > li > div {
    border-radius: 0;
    border: 0;
    margin: 0;
    color: #fff;
    text-align: center;
    font-weight: 400;
    padding: 10px 0;
    letter-spacing: 1px;
    text-decoration: none;
}
.feed .nav-tabs > li > a:hover {
    background-color: #222;
}
.feed .nav-tabs > li.active > a,
.feed .nav-tabs > li.active > a:focus,
.feed .nav-tabs > li.active > a:hover,
.feed .nav-tabs > li.active > div {
    background-color: #222;
    color: #fff;
    border: 0;
    text-decoration: none;
}
.feed .tab-content {
    background-color: #eee;
}
.feed .tab-content .tab-pane h3 {
    font-size: 1.0667rem;
    padding: 0 15px;
    margin-bottom: 0;
}
.feed .tab-content .tab-pane p {
    padding: 0 15px;
    margin-top: 10px;
    margin-bottom: 0;
}
.feed .tab-content .tab-pane p a {
    text-decoration: none;
}
.feed .tab-content .tab-pane p a:hover {
    text-decoration: underline;
}
.feed .tab-content .tab-pane ul {
    font-size: 0.8rem;
    list-style-type: square;
    padding: 10px 20px 0;
    margin: 0 0 0 10px;
}
.feed .tab-content .tab-pane ul li a {
    color: #000;
}
.feed .tab-content .tab-pane div ul {
    list-style-type: square;
    padding: 20px;
    margin: 0 0 0 10px;
}
.feed .tab-content .tab-pane div ul li {
    line-height: 0.9333rem;
    margin-bottom: 15px;
}
.feed .tab-content .tab-pane div ul li a {
    color: #000;
    font-size: 0.8rem;
}
.deptaudience {
    padding: 0;
}
.deptaudience div {
    padding: 0;
    border-right: 20px solid #fff;
    padding: 0 !important;
}
.deptaudience div a {
    height: 9.3333rem;
}
.deptaudience div a:active,
.deptaudience div a:hover,
.deptaudience div a:link,
.deptaudience div a:visited {
    background-color: #000;
    color: #fff;
}
.deptaudience div a .caption {
    position: absolute;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 300;
    line-height: 1.1111em;
    padding: 5px;
}
.deptaudience div,
.deptaudience div.currentstudents,
.deptaudience div.prospectivestudents {
    margin-bottom: 1.3333rem;
}
.feature a {
    color: #666;
    background-color: #eee;
    width: 100%;
    display: block;
    text-align: center;
    padding: 10px;
    margin-bottom: 20px;
    font-weight: 400;
    text-decoration: none;
}
.feature a:hover {
    background-color: #666;
    font-weight: 400;
    color: #fff;
}
.maincontent {
    padding-bottom: 20px;
}
.maincontent .banner {
    width: 100%;
    height: inherit;
    padding-bottom: 20px;
}
.maincontent h1 {
    margin-top: 0;
}
.maincontent.news h3 {
    display: inline-block;
    color: #999;
    padding-right: 10px;
    margin: 0;
}
.maincontent.news h3.date {
    border-left: 1px solid #999;
    padding-left: 10px;
}
.maincontent.news span.photo {
    float: right;
    margin: 0;
    margin-left: 15px;
    margin-bottom: 20px;
    width: 216px;
    color: #666;
}
.maincontent.news span.photo img {
    display: block;
    width: inherit;
}
.maincontent.news span.photo p {
    padding: 15px;
    margin: 0;
    background-color: #f5f5f5;
}
.sidecontent,
.sidenav {
    padding-bottom: 20px;
    clear: left;
}
.sidenav ul {
    list-style: none;
    padding: 0;
    margin-bottom: 0;
    background-color: #f5f5f5;
}
.sidenav ul li a {
    color: #333;
    display: block;
    padding: 10px 15px 10px 12px;
    border-left: 3px solid #e3e2e2;
    font-weight: 400;
    text-decoration: none;
}
.sidenav ul li a:hover {
    background-color: #999;
    text-decoration: none;
    color: #000;
    border-left: 3px solid #666;
}
.sidenav .dropdown-submenu > a {
    position: relative;
}
.sidenav .dropdown-submenu > a:after {
    position: absolute;
    top: 30%;
    right: 4px;
    margin-right: 0;
}
.sidenav .dropdown-submenu:hover > a:after {
    border-left-color: #666;
}
.sidenav .dropdown-menu {
    font-size: 0.9333rem;
    margin: 0;
    border: 0;
}
.rightnav .header,
.sidecontent .header,
.sidecontent.news h3 {
    margin-top: 0;
}
.sidecontent.news ul {
    list-style-type: square;
    padding-left: 15px;
    margin: 0;
}
.sidecontent.news ul li {
    padding-bottom: 15px;
}
.sidecontent.news ul li a {
    color: #333;
    font-size: 0.8rem;
    line-height: 1.1667em;
}
.rightnav h5 {
    color: #333;
}
.rightnav ul {
    list-style: none;
    padding-left: 0;
}
.rightnav a,
.rightnav p,
.rightnav ul li,
.rightnav ul li a {
    color: #333;
    font-size: 0.8rem;
    text-decoration: none;
}
.rightnav a:hover,
.rightnav ul li a:hover {
    text-decoration: underline;
}
.college .container .row {
    position: relative;
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-items: stretch;
    margin: 20px auto;
}
.college .intro {
    background-color: #d8d8d8;
    padding: 30px;
    height: inherit;
}
.college .intro h1 {
    margin-top: 0;
    color: #8e6f3e;
    font-size: 1.6667rem;
    font-weight: 700;
}
.college .intro p {
    color: #000;
}
.college .intro .btn {
    color: #000;
    border: 1px solid #bbb;
    border-radius: 0;
    width: 100%;
    font-size: 0.9333rem;
    text-align: center;
    text-decoration: none;
    font-weight: 400;
    margin: 10px 0;
    white-space: inherit;
}
.college .intro .btn:hover {
    color: #000;
    background-color: #bbb;
}
.college .grid {
    position: relative;
    flex: 1;
    padding-left: 20px;
    padding-right: 0;
}
.college .grid a {
    height: 100%;
}
.college .grid a:active,
.college .grid a:hover,
.college .grid a:link,
.college .grid a:visited {
    background-color: #000;
    color: #fff;
}
.college .grid .grid1,
.college .grid .grid2,
.college .grid .grid3_1,
.college .grid .grid3_2,
.college .grid .grid3_3,
.college .grid .grid3_4,
.college .grid .grid4 {
    height: 100%;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 20px;
    right: 0;
}
.college .grid .grid1 .banner {
    position: relative;
    background-image: url(https://purdue.edu/purdue/images/grid1.jpg);
    background-size: cover;
    background-position: 50%;
    height: inherit;
    width: 100%;
}
.college .grid .grid2 div {
    padding: 0;
    height: inherit;
}
.college .grid .grid2 div:first-child {
    padding-right: 10px;
}
.college .grid .grid2 div:nth-child(2) {
    padding-left: 10px;
}
.college .grid .grid3_1 div {
    padding: 0;
}
.college .grid .grid3_1 div:first-child {
    padding-bottom: 10px;
}
.college .grid .grid3_1 div:nth-child(2) {
    padding-top: 10px;
    padding-right: 10px;
}
.college .grid .grid3_1 div:nth-child(3) {
    padding-top: 10px;
    padding-left: 10px;
}
.college .grid .grid3_2 div {
    padding: 0;
}
.college .grid .grid3_2 div:nth-child(3) {
    padding-top: 20px;
}
.college .grid .grid3_2 div:first-child {
    padding-right: 10px;
}
.college .grid .grid3_2 div:nth-child(2) {
    padding-left: 10px;
}
.college .grid .grid3_3 div:nth-child(3) {
    padding-top: 20px;
}
.college .grid .grid3_3 div:first-child {
    padding-right: 10px;
    padding-left: 0;
}
.college .grid .grid3_3 div:nth-child(2),
.college .grid .grid3_3 div:nth-child(3) {
    padding-left: 10px;
    padding-right: 0;
}
.college .grid .grid3_4 div {
    padding: 0;
}
.college .grid .grid3_4 div:nth-child(2) {
    padding-left: 10px;
}
.college .grid .grid3_4 div div {
    padding-left: 0 !important;
    padding-right: 10px;
}
.college .grid .grid3_4 div div:first-child {
    padding-bottom: 10px;
}
.college .grid .grid3_4 div div:nth-child(2) {
    padding-top: 10px;
}
.college .grid .grid4 div {
    padding: 0;
    margin: 0;
}
.college .grid .grid4 div:first-child,
.college .grid .grid4 div:nth-child(2) {
    padding-bottom: 10px;
}
.college .grid .grid4 div:nth-child(3),
.college .grid .grid4 div:nth-child(4) {
    padding-top: 10px;
}
.college .grid .grid4 div:first-child,
.college .grid .grid4 div:nth-child(3) {
    padding-right: 10px;
}
.college .grid .grid4 div:nth-child(2),
.college .grid .grid4 div:nth-child(4) {
    padding-left: 10px;
}
.footer {
    background-color: #171717;
    padding: 20px 0;
}
.footer .container .row {
    margin-bottom: 0;
}
.footer .container .row div {
    border-radius: 0;
    border: 0;
    box-shadow: none;
    margin: 0;
    background-color: transparent;
}
.footer .container .row .panel {
    border-right: 1px solid #cfb991;
}
.footer .container .row .panel:nth-child(3),
.footer .container .row .panel:nth-child(4) {
    border-left: 1px solid #cfb991;
    border-right: 0;
}
.footer .container .row .panel:first-child .panel-collapse .panel-body ul li,
.footer .container .row .panel:nth-child(2) .panel-collapse .panel-body ul li {
    text-align: right;
}
.footer .container .row .panel:nth-child(3) .panel-collapse .panel-body ul li,
.footer .container .row .panel:nth-child(4) .panel-collapse .panel-body ul li {
    text-align: left;
}
.footer .container .row div:nth-child(5) {
    border: 0;
}
.footer .container .row div ul {
    list-style-type: none;
    padding-left: 0;
    margin-bottom: 0;
}
.footer .container .row div .panel-heading {
    color: inherit;
    border: 0;
    padding: 0;
}
.footer .container .row div .panel-heading h4 {
    display: none;
    position: relative;
}
.footer .container .row div .panel-heading h4 a {
    display: none;
    position: relative;
    font-weight: 400;
    color: #cfb991;
}
.panel-default > .panel-heading + .panel-collapse .panel-body {
    border: 0 !important;
    padding: 0;
}
.footer ul li {
    line-height: 0.9333rem;
}
.footer ul li a {
    font-size: 0.6667rem;
    font-weight: 400;
    color: #fff;
    text-decoration: none;
    visibility: visible;
}
.footer ul li a:hover {
    font-weight: 400;
    color: #cfb991;
    text-decoration: none;
}
.footer .motto {
    height: 100%;
    text-align: center;
}
.footer .motto img {
    width: 100%;
    vertical-align: middle;
    padding: 0 0 5px;
    margin: 0 auto;
}
.footer .motto a {
    color: #999;
    width: 23px !important;
    display: inline-block;
    margin: 4px;
}
.footer .motto a:hover {
    color: #fff;
}
.footer .motto a .fa {
    position: relative;
    font-size: 1.3333rem;
}
.footer .motto a .fa:after {
    position: absolute;
    display: block;
    overflow: hidden;
    width: 0;
    height: 0;
}
.fa-facebook-square:after,
.fa-facebook:after {
    content: "Facebook";
}
.fa-twitter-square:after,
.fa-twitter:after {
    content: "Twitter";
}
.fa-youtube-square:after,
.fa-youtube:after {
    content: "Youtube";
}
.fa-instagram-square:after,
.fa-instagram:after {
    content: "Instagram";
}
.fa-pinterest-square:after,
.fa-pinterest:after {
    content: "Pinterest";
}
.fa-google-plus-square:after,
.fa-google-plus:after {
    content: "Google Plus";
}
.fa-linkedin-square:after,
.fa-linkedin:after {
    content: "Linked In";
}
.fa-amazon-square:after,
.fa-amazon:after {
    content: "Amazon";
}
.bottom {
    background-color: #3b3b3b;
    padding: 10px;
}
.bottom p {
    color: #ccc;
    margin-bottom: 0;
    font-size: 0.6667rem;
    text-align: center;
}
.bottom p a {
    font-weight: 400;
    color: #ccc;
}
.homecomingvideo {
    height: 566px;
    overflow: hidden;
    margin-bottom: 10px !important;
    padding-top: 10px !important;
    border-right: 10px solid #fff;
    border-left: 10px solid #fff;
}
.homecomingvideo a {
    height: inherit !important;
    width: inherit;
    display: block;
    position: absolute;
}
.homecomingvideo .carousel-caption {
    left: 20px;
}
@media only screen and (max-width: 479px) {
    .resources .links {
        width: 100%;
        padding-top: 15px !important;
        text-align: left !important;
    }
    .resources .links h6,
    .resources .links ul li a {
        font-size: 18px !important;
    }
}
@media only screen and (max-width: 767px) {
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-weight: 400;
    }
    h1 {
        font-size: 1.8667rem;
    }
    h2 {
        font-size: 1.6rem;
    }
    h3 {
        font-size: 1.4667rem;
    }
    h4 {
        font-size: 1.3333rem;
    }
    h5,
    h6 {
        font-size: 1.2rem;
    }
    .maincontent ol li,
    .maincontent ul li,
    li,
    p,
    table {
        font-size: 1.0667rem;
    }
    .nav > li > a {
        padding: 10px 25px;
    }
    .goldbar.navbar-inverse .navbar-nav .dropdown-toggle,
    .goldbar.navbar-inverse .navbar-nav > li > a .caret {
        display: none;
    }
    .goldbar.navbar-inverse .quicklinks > li > a,
    .navbar-inverse .navbar-nav .dropdown-menu > li > a {
        color: #000;
        text-transform: none;
        padding: 5px 15px;
        font-size: 0.9333rem;
        line-height: 20px !important;
        margin: 0;
        white-space: inherit;
    }
    .navbar .container {
        padding: 0 15px;
    }
    .navbar-header p {
        float: left;
        margin: 0;
        padding-top: 12px;
        text-transform: none;
        color: #000;
        font-weight: 400;
    }
    .blackbar .navbar-header p {
        color: #fff;
    }
    .navbar-header .fa-lg {
        font-size: 1.7em;
    }
    button.navbar-toggle:hover .fa-lg {
        color: #000;
    }
    .search {
        float: none;
    }
    .goldbar .search .form-group {
        border: 5px solid transparent;
        border-top: 0 !important;
    }
    .cse input.gsc-input,
    input.gsc-input {
        height: 30px;
    }
    .goldbar .information .dropdown-menu > li > a:hover,
    .goldbar.navbar-inverse .quicklinks > li > a:hover {
        color: #000;
        background-color: transparent;
    }
    .goldbar .information,
    .goldbar .quicklinks {
        float: left;
        width: 50%;
    }
    .goldbar .information .hide,
    .goldbar .quicklinks .hide {
        display: block !important;
        color: #000;
        text-transform: none;
        padding-left: 15px;
    }
    .blackbar .navbar-nav,
    .goldbar .information,
    .goldbar .quicklinks {
        padding: 0 0 10px;
    }
    .goldbar .navbar-nav .dropdown .dropdown-menu,
    .navbar-nav .open .dropdown-menu {
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        padding: 0;
        background-color: transparent;
        border: 0;
        box-shadow: none;
        display: block;
    }
    .goldbar .nav .dropdown {
        padding: 0 10px;
    }
    .goldbar .search .dropdown a .fa-search {
        line-height: inherit;
    }
    .goldbar .search .dropdown-toggle {
        display: none;
    }
    .goldbar .search .dropdown-menu {
        display: block;
        position: static;
        float: none;
        width: auto;
        margin-top: 0;
        border: 0;
        box-shadow: none;
    }
    .goldbar .search .form-group {
        border: 15px solid transparent;
        width: 100%;
    }
    .goldbar .search .form-group form {
        padding: 7px 0 !important;
    }
    .goldbar .search .form-group .form-control {
        width: inherit;
        background-color: #fff;
        color: #000;
    }
    .goldbar .navbar-toggle .icon-bar {
        background-color: #000;
    }
    .cse input.gsc-input,
    input.gsc-input {
        width: 100% !important;
    }
    .top .logo {
        display: block;
        text-align: center;
    }
    .top .logo a,
    .top .logo a img {
        margin-left: 7px;
    }
    .top .department {
        width: 100%;
        text-align: center;
    }
    .top .department a {
        border: 0;
        font-size: 1.5em;
        font-weight: 300;
        padding-bottom: 20px;
    }
    .top .department .tagline {
        border: 0;
        font-size: 0.9em;
        font-weight: 300;
        padding-bottom: 20px;
    }
    .top .logo a {
        width: 50%;
        margin: 0 auto;
    }
    .blackbar.navbar-inverse .navbar-nav > li > a {
        color: #fff;
    }
    .blackbar.navbar-inverse .navbar-nav > li > a:hover {
        color: #cfb991;
    }
    .blackbar.navbar-inverse .navbar-nav .dropdown-menu > li > a,
    .blackbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a {
        padding: 5px 35px;
        color: #fff;
    }
    .blackbar.navbar-inverse .navbar-nav .dropdown-menu > li > a:hover,
    .blackbar.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover {
        color: #cfb991;
        text-decoration: underline;
    }
    .blackbar .dropdown-submenu > a:after {
        display: inline-block;
        width: 0;
        height: 0;
        margin-left: 4px;
        vertical-align: middle;
        border-top: 4px solid;
        border-right: 4px solid transparent;
        border-left: 4px solid transparent;
        float: none;
    }
    .blackbar.navbar-inverse .navbar-nav .dropdown-menu > .dropdown-submenu > .dropdown-menu li a,
    .blackbar.navbar-inverse .navbar-nav .open .dropdown-menu > .dropdown-submenu > .dropdown-menu li a {
        padding: 5px 55px;
    }
    .banner1,
    .banner2,
    .banner3,
    .carousel-control.left,
    .carousel-control.right,
    .carousel-indicators {
        display: none;
    }
    .audience {
        text-align: center;
    }
    .audience h1,
    .audience h2 {
        font-size: 2.3333rem;
        margin-top: 0;
    }
    .audience p {
        display: none;
    }
    .audience .btn {
        margin: 10px 0;
        font-size: 1.5em;
        font-weight: 400;
    }
    .resources {
        padding: 20px;
    }
    .resources .photo {
        border: 0;
        padding: 0;
    }
    .resources h4 {
        text-align: center;
        font-size: 2.3333rem;
    }
    .resources .links {
        padding: 0 15px;
        text-align: center;
    }
    .resources .links:nth-child(3),
    .resources .links:nth-child(4) {
        padding-top: 15px;
    }
    .resources .links:nth-child(3) {
        clear: left;
    }
    .resources .links h6,
    .resources .links ul li a {
        font-size: 19px !important;
    }
    .events {
        padding-bottom: 20px;
        background-color: #f5f5f5;
    }
    .events h4 {
        display: inline-block;
        font-size: 2.3333rem;
        color: #6f6f6f;
        text-align: center;
        background-color: transparent;
        width: 100%;
        margin: 0;
        padding: 0;
    }
    .events .rss-items {
        padding: 0 10px;
    }
    .events .rss-items li.rss-item {
        background-color: transparent;
        width: 100%;
        height: auto;
        border: 0;
        font-size: 1.0667rem;
        line-height: 1.25em;
    }
    .events .rss-items li.rss-item a {
        position: static;
        width: auto;
        min-height: 4rem;
        margin-left: 4rem;
        padding: 0.6667rem 1rem;
    }
    .events .rss-items li.rss-item .rss-date {
        position: absolute;
        float: none;
        top: 0;
        left: 0;
    }
    .events .photo {
        border: 0;
        margin-bottom: 20px;
    }
    .audiencefeature {
        background-image: url(https://purdue.edu/purdue/images/audiencefeature.jpg);
        background-size: cover;
        background-position: 50%;
        height: inherit;
        padding: 0;
    }
    .audiencefeature .caption {
        background-image: url(https://purdue.edu/purdue/images/transparentblack.png);
    }
    .breadcrumb {
        display: none;
    }
    .maincontent {
        float: none;
        padding-top: 20px;
    }
    .sidenav ul {
        overflow: hidden;
    }
    .sidenav ul li {
        border-bottom: 2px solid #fff;
    }
    .sidenav ul li a {
        font-size: 1.2rem;
    }
    .sidenav .dropdown-submenu {
        overflow: hidden;
    }
    .sidenav .dropdown-submenu > a:after {
        position: static;
        border-top: 5px solid #999;
    }
    .sidenav .dropdown-submenu:hover > a:after,
    .sidenav .dropdown-submenu > a:after {
        border-left: 5px solid transparent;
        border-right: 5px solid transparent;
        border-bottom: none;
    }
    .sidenav .dropdown-submenu:hover > a:after {
        border-top: 5px solid #000;
    }
    .sidenav .dropdown-submenu > .dropdown-menu,
    .sidenav .dropdown-submenu > .dropdown-toggle + .dropdown-menu {
        display: none;
        position: static;
        width: 100%;
    }
    .sidenav .dropdown-submenu:hover > .dropdown-menu,
    .sidenav .dropdown-submenu > .dropdown-menu {
        display: none;
    }
    .sidenav .dropdown-submenu.open > .dropdown-menu {
        display: block;
    }
    .sidenav .dropdown-submenu > .dropdown-menu a {
        padding-left: 30px;
        font-size: 1.0667rem;
    }
    .feed,
    .hero {
        border: 0;
    }
    .hero {
        height: 13.3333rem;
        border-left: 15px solid #fff;
        border-right: 15px solid #fff;
    }
    .hero .carousel-caption {
        display: none;
    }
    .feed {
        border-left: 15px solid #fff;
        border-right: 15px solid #fff;
        height: inherit;
        margin-bottom: 0;
    }
    .feed .tab-content .tab-pane h3 {
        font-size: 1.4667rem;
    }
    .feed .tab-content .tab-pane ul {
        font-size: 1.0667rem;
    }
    .feed .tab-content .tab-pane div ul li {
        line-height: 1.3333rem;
    }
    .feed .tab-content .tab-pane div ul li a {
        font-size: 1.0667rem;
        font-weight: 400;
    }
    .deptaudience {
        padding-left: 15px;
        padding-right: 15px;
        height: auto;
        margin-bottom: 0;
    }
    .deptaudience div {
        border: 0;
    }
    .deptaudience div:first-child,
    .deptaudience div:nth-child(3) {
        border-right: 10px solid #fff;
    }
    .deptaudience div:nth-child(2),
    .deptaudience div:nth-child(4) {
        border-left: 10px solid #fff;
    }
    .deptaudience div a {
        height: 6.6667rem !important;
    }
    .feature a {
        margin-left: 0;
        margin-bottom: 20px;
        font-size: 1.0667rem;
    }
    .rightnav {
        display: none;
    }
    .maincontent.news {
        padding-bottom: 0;
    }
    .maincontent.news span.photo {
        float: none;
        margin-left: 0;
        margin-bottom: 20px;
        display: block;
        width: 100%;
    }
    .maincontent.news span.photo img {
        width: 100%;
    }
    .maincontent.news span.photo p {
        padding: 20px;
    }
    .sidecontent.news h3 {
        margin-top: 20px;
        padding-top: 20px;
        border-top: 1px solid #eee;
    }
    .sidecontent.news .rss-item a {
        font-size: 1.0667rem;
    }
    .college .container .row {
        display: block;
        height: inherit;
    }
    .college .container .row .grid {
        padding-left: 0;
        margin-top: 20px;
    }
    .college .grid .grid1,
    .college .grid .grid2,
    .college .grid .grid3_1,
    .college .grid .grid3_2,
    .college .grid .grid3_3,
    .college .grid .grid3_4,
    .college .grid .grid4 {
        position: static;
    }
    .college .grid .grid1 .banner {
        height: 20rem;
    }
    .college .grid .grid2 div,
    .college .grid .grid3_1 div,
    .college .grid .grid3_2 div,
    .college .grid .grid3_3 div,
    .college .grid .grid3_4 div,
    .college .grid .grid3_4 div div,
    .college .grid .grid4 div {
        height: 7.7333rem !important;
    }
    .college .grid .grid3_3 div:first-child {
        margin-bottom: 20px;
        padding-right: 0;
    }
    .college .grid .grid3_3 div:nth-child(2) {
        padding-right: 10px;
        padding-left: 0;
    }
    .college .grid .grid3_3 div:nth-child(3) {
        margin-top: 0;
        padding-top: 0;
        padding-left: 10px;
    }
    .college .grid .grid3_4 div:nth-child(2) {
        padding-left: 0;
        margin-bottom: 0;
    }
    .college .grid .grid3_4 div {
        margin-bottom: 20px;
    }
    .college .grid .grid3_4 div div:first-child {
        padding-bottom: 0;
        padding-right: 10px;
    }
    .college .grid .grid3_4 div div:nth-child(2) {
        padding-top: 0;
        padding-right: 0;
        padding-left: 10px !important;
    }
    .footer {
        padding: 0 0 20px;
    }
    .footer ul li a {
        font-size: 0.9333rem;
        line-height: 2.2857em;
    }
    .footer .container .row .panel {
        border-left: 0 !important;
        border-right: 0 !important;
        border-bottom: 1px solid #333 !important;
        z-index: 9999;
    }
    .footer .container .row div:first-child {
        border-left: 0;
        text-align: left;
    }
    .footer .container .row div:nth-child(2) {
        border-right: 0;
    }
    .footer .container .row div:nth-child(5) {
        border: 0;
    }
    .footer .container .row div ul {
        border: 0;
        padding: 0 20px 20px;
    }
    .footer .container .row .panel .panel-collapse .panel-body ul li {
        text-align: left !important;
    }
    .footer .container .row div .panel-heading h4 {
        display: block;
        font-size: 1.0667rem;
        color: #cfb991;
        padding: 0 10px;
    }
    .footer .container .row div .panel-heading h4 a {
        width: 100%;
        display: block;
        padding: 15px 0;
        font-size: 1.2rem;
        text-decoration: none;
    }
    .footer .container .row div .panel-heading h4 a:hover {
        text-decoration: none;
    }
    .footer .container .row div .panel-heading h4 a.collapsed .fa-minus {
        display: none !important;
    }
    .footer .container .row div .panel-heading h4 a.collapsed .fa-plus {
        display: block !important;
    }
    .footer .container .row div .panel-heading h4 a .fa-plus {
        display: none;
    }
    .footer .container .row div .panel-heading h4 a .fa-minus {
        display: block;
    }
    .footer .motto {
        z-index: 999;
    }
    .footer .motto img {
        margin: 0 auto;
        padding-top: 20px;
    }
    .bottom p {
        text-align: center;
    }
    .homecomingvideo {
        height: 300px;
        margin: 10px 0 !important;
        background-image: url(https://purdue.edu/purdue/video/Homecoming.jpg);
        background-position: 50%;
        background-size: cover;
        border-right: 10px solid #fff;
        border-left: 10px solid #fff;
    }
    .homecomingvideo a {
        top: 0;
    }
    .homecomingvideo .carousel-caption p,
    .homecomingvideo video {
        display: none;
    }
}
@media only screen and (min-width: 768px) {
    .navbar-header p {
        display: none;
    }
    .blackbar .dropdown-submenu .dropdown-menu {
        display: block;
        min-width: 0;
    }
    .blackbar .dropdown-submenu .dropdown-menu a {
        width: 0;
        height: 0;
        padding: 0;
        overflow: hidden;
    }
    .blackbar .dropdown-submenu .dropdown-menu a:focus {
        width: auto;
        height: auto;
        padding: 3px 20px;
    }
    .blackbar .dropdown-submenu .dropdown-toggle:focus + .dropdown-menu,
    .blackbar .dropdown-submenu:hover .dropdown-menu {
        min-width: 160px;
        padding: 5px 0;
    }
    .blackbar .dropdown-submenu .dropdown-toggle:focus + .dropdown-menu a,
    .blackbar .dropdown-submenu:hover .dropdown-menu a {
        width: auto;
        height: auto;
        padding: 3px 20px;
    }
}
@media only screen and (min-width: 768px) and (max-width: 991px) {
    .top .department {
        margin-top: 30px;
    }
    .top .department a {
        font-size: 1.3333rem;
    }
    .banner1,
    .banner2,
    .banner3 {
        height: 386px;
        width: 760px;
    }
    .audience .btn {
        float: right;
        margin: 10px;
    }
    .events .event {
        height: 140px;
    }
    .events .carousel-control {
        top: 20px;
    }
    .events .rss-items li.rss-item a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .feed .nav-tabs > li > a {
        font-size: 0.8rem;
    }
    .deptaudience div {
        border-right: 15px solid #fff;
    }
    .deptaudience div.alumnidonors,
    .deptaudience div.communityoutreach {
        margin-bottom: 20px;
    }
    .deptaudience div a {
        height: 4rem;
    }
    .college .container .row {
        min-height: 38.4667rem;
    }
    .college .grid .grid3_1 div,
    .college .grid .grid3_2 div,
    .college .grid .grid3_3 div,
    .college .grid .grid3_4 div div,
    .college .grid .grid4 div {
        height: 50%;
        min-height: 18.5333rem;
    }
    .college .grid .grid3_3 div:first-child,
    .college .grid .grid3_4 div,
    .college .grid .grid3_4 div:nth-child(3) {
        height: inherit;
    }
    .footer .motto a {
        margin: 2px;
    }
    .homecomingvideo {
        height: 356px;
    }
}
@media only screen and (min-width: 992px) and (max-width: 1199px) {
    .top .department {
        margin-top: 35px;
    }
    .top .department a {
        font-size: 1.6667rem;
    }
    .banner1,
    .banner2,
    .banner3 {
        height: 494px;
        width: 980px;
    }
    .events .event {
        height: 105px;
    }
    .events .rss-items li.rss-item a {
        text-overflow: ellipsis;
        white-space: nowrap;
        overflow: hidden;
    }
    .college .container .row {
        min-height: 31.6667rem;
    }
    .college .grid .grid3_1 div,
    .college .grid .grid3_2 div,
    .college .grid .grid3_3 div,
    .college .grid .grid3_4 div div,
    .college .grid .grid4 div {
        height: 50%;
        min-height: 15.1333rem;
    }
    .college .grid .grid3_3 div:first-child,
    .college .grid .grid3_4 div,
    .college .grid .grid3_4 div:nth-child(3) {
        height: 100%;
        min-height: 31.6667rem;
    }
    .homecomingvideo {
        height: 464px;
    }
}
@media only screen and (min-width: 1200px) {
    .top .department {
        margin-top: 30px;
    }
    .top .department a {
        font-size: 1.6667rem;
    }
    .banner1,
    .banner2,
    .banner3 {
        height: 596px;
        width: 1180px;
    }
    .events .event {
        height: 110px;
    }
    .events .rss-items li.rss-item a {
        text-overflow: ellipsis;
        width: auto;
        white-space: nowrap;
        overflow: hidden;
    }
    .college .container .row {
        display: flex;
        min-height: 26.9333rem;
    }
    .college .grid .grid3_1 div,
    .college .grid .grid3_2 div,
    .college .grid .grid3_3 div,
    .college .grid .grid3_4 div div,
    .college .grid .grid4 div {
        height: 50%;
        min-height: 12.8rem;
    }
    .college .grid .grid3_3 div:first-child,
    .college .grid .grid3_4 div,
    .college .grid .grid3_4 div:nth-child(3) {
        height: 100%;
        min-height: 26.9333rem;
    }
}
@media only screen and (min-width: 768px) {
    .footer .container .row div .collapse {
        display: block;
    }
}
@media print {
    .bottom,
    .breadcrumb,
    .footer .panel,
    .motto,
    .navbar,
    .rightnav,
    .sidecontent,
    .sidenav {
        display: none !important;
    }
    .top .logo a img {
        width: 30%;
    }
    .top .department a {
        border: 0;
        padding-left: 0;
        padding-bottom: 20px;
        color: #000;
    }
    .boxes .row div {
        display: block;
        width: 100%;
    }
    .boxes .row div a {
        border: 0;
        padding: 10px;
    }
    .boxes .row div a .caption {
        color: #000;
    }
    .audience,
    .audiencefeature {
        background-image: transparent !important;
    }
    .audience .btn {
        border: 1px solid #000;
        margin-top: 0;
        background-color: #fff;
        color: #000;
    }
    .resources .links {
        display: block;
        width: 100%;
    }
    .events {
        display: none;
    }
}