.sticky-footer { position: fixed; bottom: 0; right: 0; margin-right: 30px; z-index: 10; }
    .sticky-footer a.btn-icon { background-color: #CC0B2A; border-color: #CC0B2A; width: 50px; }
    .sticky-footer a.btn-blue { background-color: #85A6C3; border-color: #85A6C3; }
    .sticky-footer a.btn-grey { background-color: #757575; border-color: #757575; }
    .sticky-footer a.btn-lightred { background-color: #C84E41; border-color: #C84E41; }

.csu .btn-default, .csu .btn-primary, .csu .btn-info, .csu .btn-grey { font-family: "Oswald", sans-serif; font-size: 18px; text-transform: uppercase; overflow: auto; }
.csu .btn-default { background-color: #CC0B2A; color: #fff; border: 2px solid #CC0B2A; }
.csu .btn-primary { background-color: transparent; color: #fff; border: 2px solid #fff; }
.csu .btn-info { background-color: transparent; color: #CC0B2A; border: 2px solid #CC0B2A; }
.csu .btn-default:hover, .csu .btn-default:focus, .csu .btn-default:active { background-color: #fff; border: 2px solid #CC0B2A; color: #CC0B2A; }
.csu .btn-primary:hover, .csu .btn-primary:focus, .csu .btn-primary:active { background-color: #CC0B2A; color: #fff; border: 2px solid #CC0B2A; }
.csu .btn-info:hover, .csu .btn-info:focus, .csu .btn-info:active { background-color: #CC0B2A; border: 2px solid #CC0B2A; color: #fff; }

.csu .sticky-footer a, .csu .sticky-footer a:hover, .csu .sticky-footer a:focus, .csu .sticky-footer a:active { border-width: 0px; padding: 10px 15px; }
.csu main p, .csu main a  {font-size: large;}
.csu main li  {font-size: large;}
.csu main .ms-vb2 a, .csu main .ms-headerSortTitleLink {font-size:small;}
.csu main h2, .csu main h4 {margin-bottom:20px !important;}
.csu main h2.no-margin-bottom, .csu main h4.no-margin-bottom {margin-bottom:0px !important;}
.csu div main h4 {margin-top:20px;}
.csu main p {margin-bottom:20px;}

.news-events main {padding-bottom:0;}
.csu .btn { border-radius: 0; padding: 6px 15px; }
select.drop-down-style-1 {border-radius: 0;}
.sticky-footer a { font-family: "Oswald", sans-serif; text-transform: uppercase; }

.csu .spotlight { background: transparent; }

.csu h1 { font-size: 45px !important; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.csu h1.page-title { font-size: 55px !important; font-weight: 400 !important;}
.csu h2 { font-size: 30px !important; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; }
.csu h4 { font-size: 20px !important; font-weight: 400; font-family: 'Oswald', sans-serif; text-transform: uppercase; }

.no-transform { text-transform: none !important;}

.csu .spotlight .tab-pane { padding-top: 0px; }
    .csu .spotlight .tab-pane section .story-link:link h2, .csu .spotlight .tab-pane section .story-link:visited h2 { color: #CC0B2A; font-size: 20px !important; font-weight: 400; margin-top: 10px; margin-bottom: 10px; }
    .csu .spotlight .tab-pane section .story-link:hover h2, .csu .spotlight .tab-pane section .story-link:active h2 { color: #2f2f2f; }
    .csu .spotlight .tab-pane section .story-category { border-bottom-color: #2f2f2f; color: #2f2f2f; }
    .csu .spotlight .tab-pane section { margin-bottom: 45px; }
.csu .hero2 div.overlay h2 { color: #fff; position: relative; z-index: 2; }
.csu .hero2 div.overlay .big-quote-marks { width: 50px; position: absolute; z-index: 1; left: -24px; top: -10px; }
.csu .hero2 div.overlay .profile-link { width: 100%; }
    .csu .hero2 div.overlay .profile-link .btn { margin-top: 0; margin-right: 10px; font-size: 18px; text-shadow: none; }
.csu .spotlight .tab-pane section .story-category { font-size: 14px; }
.csu .spotlight .nav-tabs li a, .spotlight .nav-tabs li a:link { font-size: 14px; }
.csu .hero2.hero-style4 div.top { top: 100px; }
.csu .hero2.hero-style4 div.left { left: 100px; bottom: 100px; }
.csu .hero2.hero-style4 .slug.top { top: 100px; }
.csu .hero2.hero-style4 .slug.left { left: 80px; }
.csu .hero2.hero-style4 div.right { right: 100px; bottom: 100px; }

.font-90px, .csu .font-90px { font-size: 90px !important; }
.font-110px, .csu .font-110px { font-size: 110px !important; }

.links .ms-rteElement-rightarrowlink {display: block; margin-bottom:10px;}
.campus-list { column-count: 4; margin-top: 25px; }
    .campus-list a { display: block; padding: 5px; }
.fade-style-1 { max-height: 675px; }
    .fade-style-1 .carousel-indicators { display: inline-block; position: relative; bottom: 125px; margin-left: auto; margin-right: auto; left: 43%; }
    .fade-style-1 .carousel-nav-bar { display: none; }
    .fade-style-1 .carousel-caption { left: 55%; text-align: left; width: 325px; }
        .fade-style-1 .carousel-caption.caption-style-2 { width: 370px; }
        .fade-style-1 .carousel-caption h2 { color: #fff; }
        .fade-style-1 .carousel-caption p { font-size: 14px; }
    .fade-style-1 .height-full { height: 675px; }
    .fade-style-1 .item video { float: left; height: auto; }
    .fade-style-1 .item img { width: 100%; }

.title-content.women-leadership { position: fixed; height: 900px; width: 100%; top: 0; z-index: -1; }
    .title-content.women-leadership h1, .title-content.women-leadership h2 { line-height: 1.1; }
    .title-content.women-leadership h1 { font-size: 200px !important; margin: 0; padding-top: 20%; position: relative; }
    .title-content.women-leadership h2 { font-size: 90px !important; margin: 0; opacity: 0; position: relative; }
    .title-content.women-leadership p { font-size: 30px; font-family: "Oswald"; line-height: 1.3; font-weight: 300; padding-top: 55px; position: relative; }

.masonary img { width: 100%; padding: 5px; }
.masonary .width-60p video{ width: 100%; padding: 5px; }
#contentRow .masonary .width-60p a img { width: 100%; padding: 5px; height: auto; }
#contentRow .masonary .width-50p a img { height: 100%; padding: 5px; width: auto; max-width: none; }

.masonary .width-40p video, .masonary .width-50p video, #contentRow .masonary .width-40p a img { height: 100%; padding: 5px 5px 0 0; position: relative; max-width: none; width: auto; }
.masonary .width-40p { margin-right: 5px; }

.masonary .width-60p, .masonary .width-50p, .masonary .width-40p, .masonary .width-100p { float: left; height: 450px; overflow: hidden; position: relative; margin-bottom: 5px; }
.masonary-text { width: 85%; padding: 55px; }
    .masonary-text h2 { font-size: 50px !important; margin-top: 0; margin-bottom: 20px; }
    .masonary-text p { font-size: 30px; font-family: "Oswald"; line-height: 1.3; font-weight: 300; }
    .masonary-text.right { float: right; text-align: right; }
.masonary .profile-text { color: #fff; text-align: center; width: 100%; }
    .masonary .profile-text p { font-size: 30px; }
    .masonary .profile-text h2 { color: #fff; font-size: 38px !important; margin: 0; }
.masonary .overlay-bg { background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, .6)); margin: 5px 5px 0 5px; position: absolute; top: 0; left: 0; bottom: 0; right: 0; }
.masonary .width-40p { margin-left: 5px; }
.masonary .width-50p { margin-right: 5px; }
.masonary .width-50p { width: 49.5% !important; }
.masonary .width-40p .overlay-bg, .masonary .width-100p .overlay-bg { margin: 5px 0 0 0; }
.masonary .width-50p .overlay-bg { margin: 5px 0 5px 5px; }
.masonary .big-quote-marks { padding: 0; width: 50px; }
.masonary-2 .profile-text { top: 35%; bottom: auto; padding: 0 25%; }
.masonary-2 .profile-text h2 { margin-bottom:10px; }
.masonary-2 .profile-text p { font-size:21px; line-height:1.5; text-transform:uppercase;  }
.masonary-3 .profile-text p { text-transform:uppercase; }

@media (min-width:1100px) {
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p, .masonary .width-100p { height: 350px; }
    #contentRow .masonary .width-50p a img { padding-bottom: 0; }
    .masonary .width-50p .overlay-bg { margin-bottom: 0; }
}

@media (max-width:1499px) and (min-width:1200px) {
    .masonary .width-40p video, #contentRow .masonary .width-40p a img { left: -20%; }
    .csu .hero2.hero-style4 div.overlay { width: 500px; }
    .csu #homepageSpotlight .container { width: 1220px !important; }
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p { height: 360px; }
}

@media (min-width:1500px) {
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p, .masonary .width-100p { height: 450px; }
    .masonary-3 .width-60p, .masonary-3 .width-50p, .masonary-3 .width-40p, .masonary-3 .width-100p { height: 480px; }
}

@media (min-width:1800px) {
    .csu .hero2.hero-style4 { max-height: 800px; width: 100%; }
    .masonary .width-50p video {height:auto; width: 100%; padding-right:0;}
    .masonary .width-50p .overlay-bg {margin-left:5px;}
    #contentRow .masonary .width-50p a img { height: auto; padding-right: 0; padding-bottom: 0; width: 100%; }
    .masonary .width-50p .overlay-bg { margin-bottom: 0; }
}

@media (min-width:2200px) {
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p, .masonary .width-100p { height: 575px; }
}

@media (max-width:1499px) and (min-width:1300px) {
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p, .masonary .width-100p { height: 400px; }
    .masonary-3 .width-60p, .masonary-3 .width-50p, .masonary-3 .width-40p, .masonary-3 .width-100p { height: 500px; }

    #contentRow .masonary .width-60p a img { width: 100%; padding: 5px; height: auto; }
    #contentRow .masonary .width-50p a img { height: 100%; width: auto; max-width: none; }
}

/* tablets horizontal*/
@media (max-width:1199px) and (min-width: 769px) {
    .masonary-text p { font-size: 20px; }
    .title-content.women-leadership h1 { font-size: 130px !important; }
    .title-content.women-leadership h2 { font-size: 75px !important; }

    .masonary .width-40p { width: 39%; }
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p, .masonary .width-100p { height: 310px; }
    .masonary-text { padding: 5px 40px; width: 100%; }
    .masonary .profile-text { padding-left: 20%; }

    #contentRow .masonary .width-40p a img { left: -30%; }
    .masonary .width-60p { width: 59.4% !important; }
    .masonary .width-50p { width: 49.4% !important; }
}

@media (max-width:1023px) and (min-width:769px) {
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p { height: 230px; }
    .masonary .width-50p { width: 49.3% !important; }
}

/* tablets */
@media only screen and (max-width: 768px) {
    .sticky-footer a.btn-default { font-size: 1em; padding: 8px 15px; }
    .sticky-footer a.btn-icon { width: 40px; }
    .sticky-footer a.btn-text { width: inherit; }
    .csu .col-sm-4 { width: 33.33333% !important; }

    .fade-style-1 .carousel-caption h2 { margin-top: 0; font-size: 30px !important; }
    .fade-style-1.height-full { height: auto; }

    .fade-style-1 .item.height-full { height: auto; }

    .fade-style-1 ol.carousel-indicators li { height: 18px !important; width: 18px !important; margin: 0 8px; }
    .fade-style-1 .carousel-indicators { left: 0; bottom: 25px; margin-bottom: 0; padding-bottom: 0; width: 100%; }
        .fade-style-1 .carousel-indicators li.active { background-color: #000; }
        .fade-style-1 .carousel-indicators li { border-color: #000; }
    .csu .hero2 div.overlay .big-quote-marks { left: 0; }
    .csu .hero2.hero-style4 div.left, .csu .hero2.hero-style4 div.right { padding: 0 10px 0 35px; left: 0px; bottom: 0; bottom: auto; }
    .section-campuses { padding-top: 0 !important; }
    div#contentRow .fade-style-1 .item.height-full { height: 425px; }
        .fade-style-1 .item.height-full video, div#contentRow .fade-style-1 .item.height-full img { height: auto; width: 100%; max-width: none; }
    .fade-style-1 .carousel-caption { left: 45%; }

    .title-content.women-leadership h1 { font-size: 130px !important; }
    .title-content.women-leadership h2 { font-size: 75px !important; }
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p, .masonary .width-100p { width: 100% !important; }
    .mobile-hide-br br { display: none; }
    .csu .hero2.hero-style4 .slug.left { left: 0; }

    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p, .masonary .width-100p { height: 400px; }
        .masonary .width-40p video { height: auto; width: 100%; }
    #contentRow .masonary .width-40p a img { height: auto; width: 100%; }
}

/*all mobile */

@media only screen and (max-width: 767px) {
    .csu .hero2.hero-style4 .slug.top { top: 45%; }
    .masonary .big-quote-marks { padding: 0; width: 35px; }
    #contentRow .masonary .width-100p a img { height: 100%; padding: 5px; width: auto; max-width: none; }
    .font-110px, .csu .font-110px {
		font-size:55px !important;
	}
}

/*all mobile horizontal*/
@media only screen and (max-width: 767px) and (min-width: 640px) {
    .csu #homepageSpotlight .container, .csu #homepageSpotlight .row { margin: 0; padding: 0; }
    .csu .spotlight .tab-pane section { float: left; }
    .csu .generic .container { width: auto !important; }
    .csu a.btn { width: auto; }
    .csu .hero2.hero-style4 div.overlay { width: 95%; }
    .csu .hero2.hero-style4 div.left, .csu .hero2.hero-style4 div.right { padding: 0 10px; top: 60%; bottom: auto; }

    div#contentRow .fade-style-1 .item.height-full { height: 410px; }
        .fade-style-1 .item.height-full video, div#contentRow .fade-style-1 .item.height-full img { height: auto; width: 100%; max-width: none; }
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p { height: 380px; }
}

/*all mobile vertical*/
@media only screen and (max-width: 639px) {
    .csu .hero2 .btn-primary { background-color: transparent; color: #CC0B2A; border: 2px solid #CC0B2A; }
        .csu .hero2 .btn-primary:hover, .csu .hero2 .btn-primary:focus, .csu .hero2 .btn-primary:active { background-color: #CC0B2A; border: 2px solid #CC0B2A; color: #fff; }

    #homepageSpotlight { padding-top: 0; }
        #homepageSpotlight h2 { margin-top: 0; }
    .fade-style-1 .carousel-caption.caption-style-2 { width: 100%; }
    .hero2 .overlay-bg { background-color: rgba(0,0,0,0); }
    .hero2.hero-style4 { height: 285px; }
    .campus-list { column-count: 2; }
    .fade-style-1 .carousel-caption { left: 0; padding-left: 15px; padding-right: 15px; text-align: left; top: 0; width: 100%; }
    div#contentRow .fade-style-1 .item.height-full { height: 230px; }
        .fade-style-1 .item.height-full video, div#contentRow .fade-style-1 .item.height-full img { height: auto; width: 100%; max-width: none; }
    .col-sm-6 img { width: 100%; }
    .mobile-container { padding-left: 25px; padding-right: 25px; }
    .csu .col-sm-4 { width: 100% !important; }
    .csu .hero2 div.overlay .big-quote-marks { width: 25px; position: absolute; z-index: 1; left: 5px; top: -10px; }
    .csu .hero2.hero-style4 .slug.top { top: 46%; }
    .csu .hero2 div.overlay h2 { font-size: 18px !important; margin-top: 0; }
    .csu .hero2.hero-style4 div.left, .csu .hero2.hero-style4 div.right { padding: 0 10px; left: 0; top: 58%; bottom: auto; }
    .csu .hero2.hero-style4 .slug.top { top: 45%; }
    .csu .hero2.hero-style4.wal-hero div.right { padding: 0 10px; left: 0; top: 72%; bottom: auto; }

    .csu .profile-link a { margin-bottom: 10px; }

    .ms-webpart-cell-vertical, .ms-webpart-cell-vertical-inline-table { display: block !important; }
    .title-content.women-leadership h1 { font-size: 85px !important; }
    .title-content.women-leadership h2 { font-size: 45px !important; }
    .masonary .width-60p, .masonary .width-50p, .masonary .width-40p, .masonary .width-100p { height: 220px; }
    .masonary-2 .profile-text { padding-left: 25%; }
    .masonary-text { padding: 5px 40px; }

    .masonary .width-100p .overlay-bg { margin-bottom:5px;}
}

/* iphone 6/7/8 */
@media only screen and (max-width: 426px) {
.csu .hero2.hero-style4.wal-hero div.right {
    top: 69% !important;margin-top: 2%;
}
.hinton.carousel-caption.caption-style-2 {
    top: 175px !important;
}
.hero2.hero-style4 {
    height: 420px !important;
    }
.csu .hero2 div.overlay h2 {
    font-size: 18px !important;
    margin-top: 0 !important;
    color: #2f2f2f;
    text-shadow: none;
}

.slug.overlay h2 {
    color: #fff !important;
    text-shadow: 0 0 5px rgba(0,0,0,0.5);
}





.csu .hero2.hero-style4.wal-hero div.right {margin-top: 0% !important;}
.csu .hero2.hero-style4 .slug.top {top: 44% !important;}
.csu .hero2.hero-style4 div.left { padding: 0 10px; left: 0; top: 53%; bottom: auto; }
    .csu .hero2.hero-style4.wal-hero div.right { padding: 0 10px; left: 0; top: 67%; bottom: auto; margin-top: 0; }
    .csu .hero2 div.overlay .profile-link { margin-top: 10px !important; }

.fade-style-1 .carousel-caption h2 {
    color: #2f2f2f;
    text-shadow: none;
    padding-left: 15px;
}
    
}

/* galaxy S5+ */
@media only screen and (max-width: 360px) {
    .csu .hero2.hero-style4 div.left { padding: 0 10px; left: 0; top: 50%; bottom: auto; }
    .csu .hero2.hero-style4.wal-hero div.right { padding: 0 10px; left: 0; top: 63%; bottom: auto; }
}

.title-content .skrollable-after { display: none; }

#inspireEndCarousel .carousel-static { display: inline-block; height: 100%; padding-left: 38%; }
#inspireEndCarousel .carousel-inner { width: 200px; display: inline-block; }

.vertical .carousel-inner { height: 100%; }
.carousel.vertical .item { transition: 0.4s ease-in-out top; }
.carousel.vertical .active { top: 0; }
.carousel.vertical .next { top: 140px; }
.carousel.vertical .prev { top: -140px; }

    .carousel.vertical .next.left,
    .carousel.vertical .prev.right { top: 0; }

.carousel.vertical .active.left { top: -140px; }
.carousel.vertical .active.right { top: 140px; }

.carousel.vertical .item { left: 0; }
.carousel.vertical .carousel-inner > .item.active.right, .carousel.vertical .carousel-inner > .item.next { left: 0; transform: translate3d(0,0,0); }
.carousel.vertical .carousel-inner > .item.active.left, .carousel.vertical .carousel-inner > .item.prev { left: 0; transform: translate3d(0,0,0); }

img.big-quote-marks.flip { transform: rotate(180deg); }

.bounce { position: absolute; margin-left: auto; margin-right: auto; padding-right: 10px; bottom: 3%; left: 0; right: 0; -webkit-animation: bounce 1s infinite; -moz-animation: bounce 1s infinite; -ms-animation: bounce 1s infinite; -o-animation: bounce 1s infinite; animation: bounce 1s infinite; }
.title-content .bounce { position: fixed; }
.title-content .fa-angle-down { color: #aaaaaa; font-size: 85px; }
.hidden-opacity { opacity: 0; pointer-events: none; }


@-webkit-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

@-moz-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

@-ms-keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}

@keyframes bounce {
    0%, 20%, 50%, 80%, 100% { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); }
    40% { -webkit-transform: translateY(-6px); -moz-transform: translateY(-6px); -ms-transform: translateY(-6px); -o-transform: translateY(-6px); transform: translateY(-6px); }
    60% { -webkit-transform: translateY(-5px); -moz-transform: translateY(-5px); -ms-transform: translateY(-5px); -o-transform: translateY(-5px); transform: translateY(-5px); }
}
.infographic-row { margin-top:35px;}
.infographic-row  img { width:75%; margin: auto; margin-bottom:10px;}

div.timeline { position: relative; }
div.timeline::before { content: ''; position: absolute; top: 0; left: 50%; margin-left: -2.5px; height: 100%; width: 5px; background: #ccc; opacity: 0.6; }
.timeline-block { margin: 55px 0; position: relative; margin-top:-225px; }
.timeline-block:nth-of-type(1) { margin: 55px 0 100px 0;}
.timeline-block:nth-of-type(2), .timeline-block:last-of-type  {margin: 55px 0;} 
.timeline.style-2 .timeline-block:nth-of-type(2), .timeline.style-2 .timeline-block:last-of-type  {margin: 100px 0;} 
.timeline.style-2 .timeline-block:nth-of-type(1) {margin-bottom:55px;}
.timeline.style-2 .timeline-block:nth-of-type(2) {margin-top:55px;}
.timeline-block:after { content: ""; display: table; clear: both; }

.timeline-year, .timeline-date, .timeline-point { border-radius: 50%; color: #fff; height: 60px; left: 50%; margin-left: -30px; margin-bottom: 20px; text-align: center; text-transform: uppercase; position: absolute; width: 60px; }
.timeline-point { background-color:#ccc; left: 52.4%; height:22px; width:22px;}
.timeline-year { background-color: #cc0b2a; margin-top:-25px; }
.cyan .timeline-date {background-color: #6BBBAE;}
.blue .timeline-date {background-color: #0076A8;}
.timeline-date { background-color: #cc0b2a; margin-top:-25px;  }
.text-year, .text-month, .text-day { color: #fff; font-family: "oswald"; }
.text-year { margin-top: 25%; font-size: 20px !important; }
.text-day { margin-top: 20%; font-size: 20px; line-height: 1; }
.text-month { line-height: 1; }

.timeline-content, .timeline-content-image {  width: 50%; margin-left: 0%;  }
.timeline-content { border-top: 6px solid #CC0B2A;}
.cyan .timeline-content {border-top-color: #6BBBAE;}
.blue .timeline-content {border-top-color: #0076A8;}
.right .timeline-content, .right .timeline-content-image { margin-left: 50%; }
.timeline-content-image img { padding-right:55px; width: 100%; }
.timeline-content-text { margin-right:55px; padding: 25px; background-color:#f2f2f2; border-bottom: 2px solid #D8D8D8; }
.timeline-content-text p:last-of-type {margin-bottom:0;}
.right .timeline-content-text  { margin-left:55px; margin-right:0;}
.right .timeline-content-image img { padding-left:55px; padding-right:0;}
.timeline-content-image img {margin-bottom:5px; width:100%;}
.timeline-content-text h2 { margin:0; }

@media only screen and (min-width: 1920px){
    .timeline-point {left:52.1%;}
}
@media only screen and (max-width: 767px) {
    .timeline::before { left:10%;}
    .timeline-point { left: 15.5%;}
    .timeline-year, .timeline-date { left: 10%;}
    .timeline-block { margin-top: 0;}
    .timeline-content-text  { margin-left:55px; margin-right:0;}
    .timeline-content-image img { padding-left:55px; padding-right:0;}
    .timeline-content, .timeline-content-image {  width:90%;}
    .timeline-content, .timeline-content-image, .right .timeline-content, .right .timeline-content-image { margin-left:5%;}
}
@media only screen and (max-width: 425px) {
    
    .timeline-block:nth-of-type(1), .timeline-block:last-of-type{
        display: none !important;
    }


}