/********** Override Landing Page Styles **********/
.caption-wrapper h1 {
    display: none;
}
.breadcrumb {
    display: none;
}
.page-header {
    display: none;
}
.uh-header .nav-tactical {
    display: none;
}
/********** Global  **********/
.link {
    text-decoration: underline;
    color: #ffffff;
}
.link:hover {
    color: #ffffff;
}
#main-content {
    background-color: #222222;
    color: #ffffff;
}
/********** Banner **********/
#banner {
    background-image: url(../_img/bg-banner-mobile-v3.png);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: cover;
    aspect-ratio: 2;
    position: relative;
}
@media (min-width: 992px) {
    #banner {
        background-image: url(../_img/bg-banner.png);
        background-position: center center;
        background-repeat: no-repeat;
        background-size: cover;
        aspect-ratio: 3;
        position: relative;
    }
}
/*#banner::before {*/
/*    content: '';*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: 1;*/
/*    clip-path: polygon(100% 50%, 100% 70%, 70% 100%, 50% 100%);*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: rgba(200,16,46,.9);*/
/*    backdrop-filter: blur(2px);*/
/*}*/
/*@media (min-width: 992px) {*/
/*        #banner::before {*/
/*        display: none;*/
/*    }*/
/*}*/
/*#banner::after {*/
/*    content: '';*/
/*    position: absolute;*/
/*    right: 0;*/
/*    bottom: 0;*/
/*    z-index: 2;*/
/*    clip-path: polygon(100% 67%, 100% 85%, 85% 100%, 67% 100%);*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    background-color: #C8102E;*/
/*}*/
/*@media (min-width: 992px) {*/
/*        #banner::after {*/
/*        display: none;*/
/*    }*/
/*}*/
/*#banner .title {*/
/*    display: none;*/
/*}*/

#banner h1 {
    color: #ffffff;
    text-align: center;
    text-transform: uppercase;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 48%;
    transform: translate(-50%, -50%);
    display: block;
}
#banner h1 {
    font-size: 8vw;
}
#banner h1 span {
    display: block;
}
@media (min-width: 576px) {
        #banner h1 {
        font-size: 40px;
    }
    #banner h1 span {
        font-size: 50px;
    }
}
@media (min-width: 768px) {
    #banner h1 {
        font-size: 50px;
    }
    #banner h1 span {
        font-size: 60px;
    }
}
@media (min-width: 992px) {
    #banner h1 {
        font-size: 80px;
    }
    #banner h1 span {
        font-size: 90px;
    }
}
@media (min-width: 1200px) {
    #banner h1 {
        font-size: 100px;
    }
    #banner h1 span {
        font-size: 120px;
    }
}
/*#introduction h1 {*/
/*    text-align: center;*/
/*    text-transform: uppercase;*/
/*}*/
/*@media (min-width: 992px) {*/
/*        #introduction h1 {*/
/*        display: none;*/
/*    }*/
/*}*/
/*#introduction h1 span{*/
/*    display: block;*/
/*    font-size: 3.5rem;*/
/*    }*/
/*@media (min-width: 992px) {*/
/*        #banner h1 span {*/
/*        display: block;*/
/*        font-size: 5.5rem;*/
/*    }*/
/*}*/
/*@media (min-width: 768px) {*/
/*    #introduction h1 span{*/
/*    font-size: 5.5rem;*/
/*    }*/
/*}*/
.introduction-content {
    position: relative;
}
.introduction-content:before {
    content: '';
    position: absolute;
    display: block;
    top: -5px;
    left: 0;
    z-index: 0;
    clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
    width: 100px;
    height: 40px;
    background-color: #C8102E;
}
@media (min-width: 992px) {
    .introduction-content::before {
        top: 10px;
    }
}
.introduction-content p {
    position: relative;
    z-index: 1;
}
/********** Video **********/
#video.page-section {
    padding: 0;
}
/********** Energy **********/
#energy .image-mobile {
    background-image: url(../_img/bg-energy.png);
    background-size: cover;
    background-position: 50%;
}
@media (min-width: 992px) {
    #energy .image-mobile {
        background-image: none;
    }
    #energy {
    background-image: url(../_img/bg-energy.png);
    background-position: 100% 0%;
    }
}
    #energy .content-inner p {
    position: relative;
    z-index: 1;
}
    #energy .content-inner p::before {
      content: '';
      position: absolute;
      display: block;
      top: -5px;
      left: -25px;
      z-index: -1;
      clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
      width: 100px;
      height: 40px;
      background-color: #C8102E;
    }
@media (min-width: 992px) {
    #energy .content-inner p::before {
      background-color: #640817;
    }
}

/********** Research **********/
#research .image-mobile {
    background-image: url(../_img/bg-research.png);
    background-position: 20% 0%;
    background-size: cover;
}
@media (min-width: 992px) {
    #research {
    background-image: url(../_img/bg-research.png);
    background-position: 0%;
    }
}
/********** Health **********/
#health .image-mobile {
    background-image: url(../_img/bg-health.png);
    background-position: 100% 0%;
    background-size: cover;
}
@media (min-width: 992px) {
    #health .image-mobile {
        background-image: none;
    }
    #health {
    background-image: url(../_img/bg-health.png);
    background-position: 100% 0%;
    }
}

/********** Entrepreneurship **********/
#entrepreneurship .image-mobile {
    background-image: url(../_img/bg-entrepreneurship.png);
    background-position: 5%;
    background-size: cover;
}
@media (min-width: 992px) {
    #entrepreneurship {
    background-image: url(../_img/bg-entrepreneurship.png);
    background-position: 0%;
    }
}
/********** Energy, Research, Health & Entrepreneurship  **********/
#energy .image-mobile, #research .image-mobile, #health .image-mobile, #entrepreneurship .image-mobile {
aspect-ratio: 720/540;
}
#energy h2, #research h2, #health h2, #entrepreneurship h2 {
    text-transform: uppercase;
    text-align: center;
    margin-top: 50px;
}
@media (min-width: 992px) {
    #energy, #research, #health, #entrepreneurship {
        background-repeat: no-repeat;
        background-size: contain;
        position: relative;
        aspect-ratio: 2;
    }
    #energy h2, #research h2, #health h2, #entrepreneurship h2 {
        text-align: left;
        margin-top: 0;
    }
    #energy {
        margin-top: 50px;
        margin-bottom: 25px;
    }
    #research, #health {
        margin: 25px 0;
    }
    #entrepreneurship {
        margin-top: 25px;
        margin-bottom: 50px;
    }
}
@media (min-width: 768px) {
    #energy .image-mobile, #research .image-mobile, #health .image-mobile, #entrepreneurship .image-mobile {
        aspect-ratio: 2;
    }
}
@media (min-width: 1200px) {
    #energy, #research, #health, #entrepreneurship {
        aspect-ratio: 3;
    }
}
    #energy .content-inner p, #research .content-inner p, #health .content-inner p, #entrepreneurship .content-inner p {
    position: relative;
    z-index: 1;
}
    #energy .content-inner p::before, #research .content-inner p::before, #health .content-inner p::before, #entrepreneurship .content-inner p::before {
      content: '';
      position: absolute;
      display: block;
      top: -5px;
      left: -25px;
      z-index: -1;
      clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
      width: 100px;
      height: 40px;
      background-color: #C8102E;
    }
@media (min-width: 992px) {
    #energy .content-inner p::before, #research .content-inner p::before, #health .content-inner p::before, #entrepreneurship .content-inner p::before {
      background-color: #960C22;
    }
}
/********** Research & Entrepreneurship **********/
@media (min-width: 992px) {
    #energy .container, #research .container, #health .container, #entrepreneurship .container {
        height: 100%;
    }
    #energy .row, #research .row, #health .row, #entrepreneurship .row {
        height: 100%;
    }
    #energy .content, #research .content, #health .content, #entrepreneurship .content {
        height: 100%;
    }
    #energy.page-section, #research.page-section, #health.page-section, #entrepreneurship.page-section {
        padding: 0;
    }
    #energy .content, #research .content, #health .content, #entrepreneurship .content {
        position: relative;
        z-index: 1;
        display: flex;
        align-items: center;
        background-color: #C8102E;
    }
    #research .content::before, #entrepreneurship .content::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        clip-path: polygon(100% 0, 50% 100%, 100% 100%);
        background-color: #C8102E;
        right: 99%;
        bottom: 0;
    }
    #research .content::after, #entrepreneurship .content::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        clip-path: polygon(75% 0%, 100% 0%, 50% 100%, 25% 100%);
        background-color: rgba(200,16,46,.9);
        backdrop-filter: blur(2px);
        left: -99%;
    }
    #research .box-right, #entrepreneurship .box-right {
        position: absolute;
        background-color: #C8102E;
        height: 100%;
        width: 13%;
        right: 0;
    }
}
/********** Energy & Health **********/
@media (min-width: 992px) {
        #energy .content::before, #health .content::before {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        clip-path: polygon(0 0, 0% 100%, 50% 100%);
        background-color: #C8102E;
        left: 100%;
        bottom: 0;
    }
        #energy .content::after, #health .content::after {
        content: '';
        position: absolute;
        width: 100%;
        height: 100%;
        /*clip-path: polygon(75% 0%, 100% 0%, 50% 100%, 25% 100%);*/
        clip-path: polygon(25% 0%, 0% 0, 50% 100%, 75% 100%);
        background-color: rgba(200,16,46,.9);
        backdrop-filter: blur(2px);
        left: 100%;
    }
    #energy .box-left, #health .box-left {
        position: absolute;
        background-color: #C8102E;
        height: 100%;
        width: 11%;
        left: 0;
    }
}