body > *{
    margin-bottom: 60px;
}
.font-orange{
    color: #ea7828;
}

.header-text{
    position: absolute;
    color: #fff;
    top: 20vh;
    left: 13vw;
    text-align: left;
    letter-spacing: 0px;
    opacity: 1;
}

.p-intro{
    font-size: 1.125em;
}

/* r2q section */

.r2q-grid{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 3em;
    margin-bottom: 2em;
}

.r2q-grid-area{
    display: inline-grid;
    grid-template-columns: 1fr 2fr;
}

.r2q-grid-area-image{
    width: 50%;
    margin: auto auto;
}

.r2q-grid-area-text{
    margin: auto 0;
}

@media only screen and (max-width: 900px) {
    .logo-header{
        width: 20%;
        margin-left: 2rem;
    }
    .logo-footer{
        width: 20%;
    }
    .header-text{
        top: 15rem;
        left: 20rem;
    }
    .header-h1-mobile{
        font-size: 35px;
    }
    .header-h3-mobile{
        font-size: 20px;
        margin-top: 10px;
    }
    .mobile-img-display{
        display: block;
    }
    .desktop-img-display{
        display: none;
    }
    .group-text{
        margin: 0, auto;
        line-height: 1.5em;
    }
    .r2q-grid{
        display: grid;
        grid-template-columns:  1fr;
        gap: 2em;
    }
    .r2q-grid-area{
        display: inline-grid;
        grid-template-columns: 1fr 2fr;
        padding: 1em;
        
    }
    .r2q-grid-area-image{
        width: 60%;
        margin: auto auto;
    }

    .mobile-spacing{
        padding: 0 0.55em
    }
}

@media only screen and (min-width: 900px){
    .logo-header{
        width: 10%;
        margin-left: 14.5rem;
    }
    .logo-footer{
        width: 10%;
    }
    .mobile-img-display{
        display: none;
    }
    .desktop-img-display{
        display: block;
    }
    .group{
        display: grid;
        grid-template-columns: repeat(2, 1fr);
        justify-content: center;
        align-items: center;
    }
    .group-text{
        padding: 2em;
        margin: 0, auto;
        line-height: 1.5em;
    }
}

@media only screen and (max-width: 338px) {
    .logo-footer{
        width: 30%;
    }
    .header-text{
        top: 4vh;
        left: 4vw;
        padding-left: 1rem;
    }
    .header-h1-mobile{
        font-size: 34px;
    }
    .header-h3-mobile{
        font-size: 19px;
        margin-top: 10px;
    }
    .group-text{
        margin: 0, auto;
        line-height: 1.5em;
    }
    .r2q-grid{
        display: grid;
        grid-template-columns:  1fr;
        gap: 1em;
    }
    .r2q-grid-area{
        display: inline-grid;
        grid-template-columns: 1fr 2fr;
        padding: 1em;
        
    }
    .r2q-grid-area-image{
        width: 60%;
        margin: auto auto;
    }

    .mobile-spacing{
        padding: 0 0.55em
    }
}

/* for landscape orientation */
@media (min-width:550px) and (max-width:850px){
    .header-text{
        top: 12rem;
        left: 10vw;
        padding-left: 0;
    }
}

@media (min-width:350px) and (max-width:550px){
    .header-text{
        top: 4rem;
        left: 4rem;
        padding-left: 0;
    }
}

@media (min-width:900px) and (max-width:980px){
    .header-text{
        top: 24vh;
        left: 15vw;
        padding-left: 0;
    }
}

@media (min-width:1250px) {
    .header-text{
    top: 24vh;
    left: 11.2vw;
    }
}

@media (min-width:1400px) {
    .header-text{
    top: 22vh;
    left: 10vw;
    }
    .header-h1-mobile{
        font-size: 3.5em;
    }
    .header-h3-mobile{
        font-size: 2em;
    }
}
@media (min-width:1500px) {
    .header-text{
    top: 22vh;
    left: 10vw;
    }
}

@media (min-width:1650px) {
    .header-text{
    top: 20vh;
    left: 10vw;
    }
    .header-h1-mobile{
        font-size: 4em;
    }
    .header-h3-mobile{
        font-size: 2.5em;
    }
}

.grey-bg-center-text{
    background-color: #f8f8f8;
    text-align: center;
    padding: 2em;
}



.group{
margin: 2rem auto;
}
/* Eyes on the prize section styles */
.eoprn-img{
    width: 100%;
    display: block;
    margin:0 auto; 
}


/* Ultimate winners */
.uw-text{
    padding-top: 2em; 
    
    line-height: 2.5em;
}



/* categeories */

table{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 2em;   
}

th{
    text-align: center;
    background-color: #323f48;
    color: #ffffff;
    border-radius: 10px 10px 0 0;
}


td{
    border: 1px solid #d3d2d0;
    border-collapse: collapse;
    text-align: center;
    padding: 1em ;
    background-color: #f8f8f8;
}

/* Win quarterly */

.wq-text{
    margin: 4em 0;
    line-height: 2.5em;
}

/* footer */
.footer{
    display: flex;
    background-color: #efefef;
}

.footer-wrapper{
    background-color: #efefef; 
    padding: 2em;
    margin-bottom: 0;
}

.footer-text-small{
    font-size: 0.625em;
}