/*---------------------- HOME----------------------*/
#home {
    background-position: center 61px;
}
#home h1 {
    font-size: 30px;
}
.print {
    top: 60px;
}
#home h2 {
    width: 100%;
    top: 24vh;
}
#home .one {
    font-size: 148px;
}
#home .three {
    font-size: 205px;
    margin-top: -53px;
    letter-spacing: -13px;
}
.pages.index-nav {
    margin-left: calc((-50vw + 50%) - 40px) !important;
    width: 100vw;
    bottom: 168px;
}
#home h3 {
    font-size: 25px;
    margin-top: 3px;
}
#home ul {
    width: 678px;
}
#home a {
    font-size: 19px;
}
#home li:nth-of-type(3)::after {
    display: inline-block;
}
#home li:nth-of-type(4)::after {
    display: inline;
    opacity: 0;
}
#home li:nth-of-type(6)::after {
    display: inline-block;
}
@media screen and (min-width: 0px) and (max-height: 730px) {

#home h2 {
    top: 11vh;
}
.pages.index-nav {
    bottom: 72px;
}

}


/*---------------------- CHAPTER TITLE----------------------*/
#home img {
    width: 120px;
}
.chapter-title {
    padding-bottom: 45px;
}


/*---------------------- CHAPTER TITLE----------------------*/
.chapter-title h2, #academics.chapter-title h2, #experiential.chapter-title h2, #research.chapter-title h2, #engagement.chapter-title h2 {
    font-size: 86px;
}
.chapter-title img {
    margin-left: calc(((100vw - 750px) / -2) - 40px) !important;
}



/*---------------------- CHAPTER STORY----------------------*/
.chapter-story .cols {
    column-count: 2;
    column-gap: 33px;
}
.chapter-story .inner {
    padding-top: 0px;
}


/*---------------------- FEATURE STORY IMAGE SWITCH OUT ----------------------*/
.big {
    display: block !important;
    max-width: 1200px !important;
}
.small {
    display: none !important;
}

/*---------------------- SIDEBARS----------------------*/
.sidebar {
    float: left;
    width: 50%;
}
.chapter-story .sidebar, .fancybox-slide .sidebar {
    padding: 0 20px;
    margin: 20px 0;
}
.sidebar .circ {
    max-width: 231px !important;
    margin: 0 auto 12px auto !important;
    float: none !important;
}
.clearfix {
    clear: both;
}


/*---------------------- MORE STORIES TILES----------------------*/
.more-stories .inner {
    overflow: hidden;
}
.more-stories .head h2 {
    margin-bottom: 27px;
}
.more-stories .tile {
    width: 48%;
    float: left;
    padding-bottom: 50px;
    margin-left: 2%;
}
.more-stories .tile ul li::before {
    content: "▪";
    position: absolute;
    font-size: 28px;
    top: -5px;
    left: -14px;
    color: #07294d;
}



/*---------------------- STUDENT SUCCESS SPECIFIC----------------------*/
#student-success-story .lead h2 {
    position: absolute;
    top: -1px;
    width: 400px;
}
#student-success-more .tile:nth-of-type(2), #student-success-more .tile:nth-of-type(3) {
    padding-bottom: 0px;
}
#student-success-more .tile:nth-of-type(3) a {
    padding-top: 20px;
    padding-bottom: 20px;
}
#student-success-more .tile:nth-of-type(5) a {
    padding-top: 10px;
    padding-bottom: 10px;
}
#truman .cell-inner .sidebar:nth-of-type(4) {
    margin-top: -250px;
}
#diversity .sidebar, #athletes .sidebar {
    width: 100%;
}
#diversity img {
    float: left;
}
#athletes img {
    max-width: 1000px !important;
    width: 100% !important;
}


/*---------------------- STUDENT SUCCESS INFOGRAPHIC----------------------*/
#student-success-story.chapter-story .lead img {
    border: none;
    margin-bottom: 0px;
}
.infographic {
    display: block;
    background: #64b3e8;
    margin-top: -20px;
    margin-bottom: 20px;
    padding: 15px;
}

/*---------------------- ACADEMICS SPECIFIC----------------------*/
#academics-story .lead h2 {
    position: absolute;
    top: 67px;
    width: 205px;
    right: 80px;
    font-size: 42px;
}
#academics-story .inner .sidebar:nth-of-type(3) {
    margin-bottom: 68px;
}
#academics-more .inner .tile:nth-of-type(2) a {
    padding-bottom: 13px;
    padding-top: 13px;
}
#academics-more .inner .tile:nth-of-type(4) {
    margin-top: -49px;
}
#juvenile .clearfix .quote {
    margin-top: 0px;
}
#nano .sidebar:last-of-type {
    float: none;
    width: 50%;
}
#nano .clearfix {
    clear: none;
    width: 48%;
    float: right;
}



/*---------------------- EXPERIENTIAL SPECIFIC----------------------*/
#experiential-story .lead h2 {
    position: absolute;
    top: 27px;
    width: 443px;
    right: -14px;
    font-size: 48px;
}
#arch .clearfix {
    width: 49%;
    float: left;
    clear: none;
}
#arch .cell-inner .sidebar:last-of-type {
    margin-top: -342px;
}
#food .clearfix {
    width: 47%;
    float: right;
    clear: none;
}
#food .quote {
    margin-top: 0;
}
#food .circ {
    float: none !important;
    margin-left: auto !important;
    margin-right: auto !important;
}

/*---------------------- RESEARCH SPECIFIC----------------------*/
#research-story .lead h2 {
    position: absolute;
    top: 24px;
    width: 300px;
    right: 16px;
    font-size: 41px;
}
#tech .sidebar img {
    float: left;
    width: 300px;
    margin: 0px 20px 0px 0;
}
#research-story .inner .sidebar:nth-of-type(5) {
    margin-top: -367px;
}
#research-more .inner .tile:nth-of-type(2) a {
    padding-top: 18px;
    padding-bottom: 18px;
}
#research-more .inner .tile:nth-of-type(2), #research-more .inner .tile:nth-of-type(3) {
    padding-bottom: 0;
}
#research-more .inner .tile:nth-of-type(5) a {
    padding-top: 20px;
    padding-bottom: 20px;
}
#tech .cell-inner .sidebar:nth-of-type(1) {
    width: 100%;
}

#water .circ {
    margin-bottom: 0px !important;
    float: left !important;
    margin-right: 34px !important;
    width: 250px !important;
    max-width: 500px !important;
}
#orai .clearfix {
    float: right;
    width: 46%;
    margin-top: -322px;
}
#orai .circ {
    margin-left: auto !important;
    margin-right: auto !important;
    float: none !important;
}

/*---------------------- ENGAGEMENT SPECIFIC----------------------*/
#engagement-story .lead h2 {
    position: absolute;
    top: 39px;
    width: 300px;
    right: 70px;
}
#engagement-story .inner .sidebar:last-of-type {
    width: 100%;
}
#engagement-more .inner .tile:nth-of-type(3) a {
    padding-top: 30px;
    padding-bottom: 30px;
}
#engagement-more .inner .tile:nth-of-type(2), #engagement-more .inner .tile:nth-of-type(3) {
    padding-bottom: 0px;
}
#art .cell-inner .sidebar:last-of-type {
    margin-top: 0;
    width: 100%;
}
#art .cell-inner .sidebar:last-of-type img {
    float: left;
}
#search .cell-inner .sidebar:last-of-type {
    width: 100%;
}
#search .cell-inner .sidebar:last-of-type img {
    float: left;
}
#steam .sidebar {
    width: 100%;
}
#steam .sidebar img {
    width: 300px;
    float: left;
    margin: 0 20px 20px 0;
}
/*---------------------- FINANCES----------------------*/
#finances h2 {
    font-size: 85px;
}
#finances-story .lead h2 {
    margin-top: 24px;
}
#finances-story .btn {
    width: 400px;
margin: 20px 20px;
}
#finances-story .sidebar {
    width: 100%;
}

/*---------------------- MODAL CONTENT----------------------*/
.fancybox-slide > div img {
    max-width: 450px;
    margin: 20px 20px 20px 0px;
    float: left;
}
.fancybox-slide .sidebar img {
    max-width: 100%;
    margin: 20px 0;
    float: none;
}


/*---------------------- END----------------------*/
#end .head {
    margin-bottom: 25px;
}
#end .logo {
    margin: 0 10px 10px auto;
    width: 90px;
}
#end .head h2 {
    width: 566px;
    margin-top: 36px;
}
#end .left {
    width: 47%;
    float: left;
}
#end .right {
    float: right;
    width: 47%;
    clear: none;
}
#end .social {
    border-top: none;
    margin-top: 0px;
    padding-top: 0px;
}