html,
body {
    font-size: 62.5%;
    font-family: raleway;
    color: #000;
    margin:0;
    padding:0;
    box-sizing:border-box;
    width: 100vw;
    height: 100vh;
    overflow-x: hidden;
}


.main-fellowes {
    display: grid;
    grid-template-columns: 1fr;
    grid-template-rows: 1fr;
    grid-column-gap: 0;
    grid-row-gap: 0;
    border: none;
    padding: 0;
    }


    .fellowes-header {display: grid; grid-template-columns: 1fr; background-color: #dcd4c8; height: fit-content;}
    .fellowes-intro-coach {display: grid; grid-template-columns: 1fr; background-color: #dcd4c8;}
    .fellowes-coach {align-self: end;}
    .fellowes-intro {display: grid; grid-template-columns: 1fr; padding-left: 5%; justify-content: center; align-items: center;}
    .fellowes-video {display: grid; grid-template-columns: 1fr; margin: 0 15%;}
    .fellowes-tab {display: grid; grid-template-columns: 1fr; padding: 0 15px; border-radius: 10px 10px 0 0; background-color: #dcd4c8;}
    .fellowes-worklife-coach-recommends {display: grid; margin: 0 15%; grid-template-columns: 1fr;}
    .fellowes-content {display: grid; grid-template-rows: 1fr; margin: 0 15%;}
    .fellowes-security-coach {display: grid; grid-template-columns: 1fr; justify-content: center; height:min-content;}
    .data-security {padding: 0 10% 0 0; justify-content: center; align-content: center;}
    .fellowes-cashback {display: grid; margin: 0 15%; grid-template-columns: 1fr;}


    video {width: 100%;}
    .fellowes-videocontainer {display: flex; justify-content: center;}
    iframe {aspect-ratio: 16 / 9; width: 100% !important;}
    /*.fellowes-tab { grid-area: 5 / 2 / 6 / 5; background-color: #dcd4c8; border-radius: 10px 10px 0 0; padding: 5px; }*/


    .fellowes-header img {object-fit: cover; height:100%; width: 100%;}
    .fellowes-intro-coach img {max-width: 100%; align-self: end; padding-top: 5%;}
    .fellowes-coach img {max-width: 100%; align-self: end; padding-top: 5%;}
    .fellowes-security-coach img {display: none;}
    .fellowes-cashback img {object-fit: cover; height:100%; width: 100%;}

    .fellowes-large-header {font-size: 3.5rem; font-weight: 500;}
    .fellowes-header-text {font-size: 2.5rem; font-weight: 500;}
    .fellowes-subheader {font-size: 2rem; font-weight: bolder;}
    .fellowes-paragraph {font-size: 1.6rem; font-weight: 500; line-height: 1.7;}
    .fellowes-centre {text-align: center;}
    .fellowes-learn-more {font-size: 2rem; font-weight: 500; color: black; text-decoration: underline; text-underline-offset: 8px; text-decoration-color: #e73c26;}

    .mobile {display: block;}
    .desktop {display: none;}

    .coach-large, .coach-small {display: none;}

    .u-margin-bottom-small {margin-bottom: 1vw;}
    .u-margin-bottom-medium {margin-bottom: 3vw;}
    .u-margin-bottom-large {margin-bottom: 5vw;}
    .u-margin-top-small {margin-top: 2vw;}
    .u-margin-top-medium {margin-top: 3vw;}
    .u-margin-top-large {margin-top: 5vw;}

    /*600px*/
@media only screen and (min-width: 37.5em) {
    .fellowes-intro-coach {display: grid; grid-template-columns: 1fr 2fr 3fr 1fr; background-color: #dcd4c8;}
    .mobile {display: none;}
    .desktop {display: block;}
    .coach-large {display: block; justify-content: center; align-items: center;}
}


/*768px*/
@media only screen and (min-width: 48em) {
}

/*900px*/
@media only screen and (min-width: 56.25em) {
    .fellowes-intro-coach {display: grid; grid-template-columns: 1fr 2fr 3fr 1fr; background-color: #dcd4c8;}
    .fellowes-security-coach {display: grid; grid-template-columns: 1fr 2fr; justify-content: center; height:min-content;}
    .fellowes-security-coach img {display: block; max-width: 70%; object-fit: contain; margin: 5% auto; align-content: center;}
    .coach-large {display: none;}
    .coach-small {display: block;}
}




/*1200px*/
@media only screen and (min-width: 75em) {
    .mobile {display: none;}
    .desktop {display: block;}
    .fellowes-intro-coach {display: grid; grid-template-columns: 1fr 1fr 2fr 1fr; background-color: #dcd4c8;}
}







