.indexPage {
    display: flex;
    flex-direction: column;
    height: 100vh;
}
#indexPageContainer{
    /* background: center / cover no-repeat  url('../images/public/homepage/waringlab-homepage.jpg') ; */
    background: center / cover no-repeat  url('../images/public/homepage/waring-lab-header-image.jpg') ;
    width:100%;
    min-height:60vh;
    flex:1;
    
}

#indexPageContainer .customPromoSection{
    top:2em;
    width:50%;
    text-align:justify;
    z-index: 0;
    background-color: rgba(0,0,0,.3);
    color: white;
    padding: 20px;
    box-sizing: border-box;
}

#indexPageContainer .customPromoSection h1{
    margin-top:10px;
    font-weight:normal;
    font-size: 22px !important;
}

/* Smaller devices */
@media all and (max-width: 640px){
    #indexPageContainer,
    #itemPageContainer {
        padding-top: 150px;
        min-height:30vh;
    }
    #indexPageContainer{
        min-height: calc(565px);
        background-color: #e7e7e7 !important;
        background:  center / contain no-repeat  url('../images/public/homepage/waring-lab-header-image-mobile.jpg') ;
    }
    body {
        margin:-1px;
    }

    /* #indexPageContainer .customPromoSection {
        width: 100%;
    }

    #indexPageContainer .customPromoSection h1{
        margin-top:5px;
        font-size: 20px !important;
        text-align: right;
        width: 100%;
        font-weight: bold;
    } */
}