@media screen {

    .hero {
        position: relative;
        width: 100%;
        z-index: 1;
        box-shadow: 0px 10px 15px 20px black;
    }

    .radial:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        height: 100%;
        width: 100%;
        z-index: 2;
        opacity: 1;
        background: radial-gradient(#00000030, #00000050, #00000090);

    }

    .featured {
        position: relative;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: flex-start;
        padding: 0px 15px 35px;
        height: 200px;
        background-color: var(--black);
    }


    .featured.livestreaming,
    .featured.autvheader {
        height: 400px;
    }



    .featured.personnelheader,
    .featured.ticketingandhsopitality,
    .featured.squadteam,
    .featured.currentsquad {
        height: 500px;
    }


    .featured.clubhistoryhead,
    .featured.contactpage,
    .featured.clubheader,
    .featured.newscontent,
    .featured.newscategory,
    .featured.basiccontent {
        height: 600px;
    }

    .featured.results,
    .featured.fixturesheader {
        height: 650px;
    }

    .featured.clubhistorycategory,
    .featured.aufchome,
    .featured.livestreamOK {
        height: 730px;
    }



    .featured.resultteam,
    .featured.fixtureteam,
    .featured.resultItem,
    .featured.fixtureItem {
        height: 800px;
    }

    .featured.login,
    .featured.register {
        height: 100vh
    }





    .feature_image {
        position: absolute;
        top: 0;
        right: 0;
        left: 0;
        bottom: 0;
        z-index: 1;
        background-position: top;
        background-repeat: no-repeat;
        background-size: cover;
    }

    .featured.player-side {
        width: 90%;
        margin: 0 1%;
        overflow: visible;
        position: relative;
        height: 50vh;
    }

    .featured.player-side .feature_image {
        z-index: 0;
    }

    .feature_text_dropped,
    .feature_text {
        z-index: 2;
        position: relative;
        margin-left: 2%;
        color: #fff;
        text-align: left;
        background-color: #00000565;
        padding: 10px;
        padding-right: 15%;
    }

    .feature_text_dropped {
        position: absolute;
        top: 80%;
        right: 2%;
        background-color: var(--black);
        color: var(--white);
        width: 50%;
        padding-right: 0;
    }

    .feature-icon {
        height: 30px;
        width: 30px;
    }

    .feature_time {
        display: flex;
        flex-direction: row;
        align-items: flex-start;
    }

    .feature-time {
        font-weight: 800;
        font-size: 12px;
        white-space: nowrap;
        margin: 0 10px 0 10px;
        padding-top: 5px;
        height: 30px;
        display: block;
    }

    .feature_text p.subhead {
        font-size: 16px;
        font-weight: 700;
        line-height: 1.5;
    }

    .ease-in-out {
        transition-timing-function: cubic-bezier(.4, 0, .2, 1);
    }

    .duration-100 {
        transition-duration: 1s;
    }
}

@media screen and (min-width:768px) {

    /* .featured.contactpage {
        height: 300px;
    } */
}

@media screen and (min-width:992) {
    /* 
    .featured.contactpage {
        height: 400px;
    } */
}

@media screen and (min-width:1440px) {

    /* .featured.contactpage {
        height: 600px;
    }

    .featured.fixtures_header{
        height: 720px;
    } */
}