/* First image (Logo. Full height) */
.bgimg-1 {
    /*    background-image: url('/w3images/parallax1.jpg');  */
    /*background-image: url('/images/Default/504311262_1280x853.jpg');*/
    background-image: url('/images/Default/60226-105191-DSC_1732.jpg');
    min-height: 100%;
}

/* Second image (Portfolio) */
.bgimg-2 {
    /*    background-image: url("/w3images/parallax2.jpg");  */
    /*background-image: url('/images/Default/593340906_1280x853.jpg');*/
    background-image: url('/images/Default/60226-105191-DSC_1732.jpg');
    min-height: 400px;
}

/* Third image (Contact) */
.bgimg-3 {
    /*    background-image: url("/w3images/parallax3.jpg");  */
    /*background-image: url('../images/Default/155097513_1280x853.jpg');*/
    background-image: url('../images/Default/LavaKids2019-DSC_0080.jpg');
    min-height: 400px;
}

.w3-modal {
    padding-top: 50px !important;
}


th.view_images {
    width: 110px;
}

@media only screen and (max-width: 400px) {
    th.view_images {
        width: 70px;
    }
}


#divRunnerList {
    height: 100px;
    overflow: auto;
}


@media only screen and (min-height: 951px) {
    #divRunnerList {
        height: 750px;
    }
}

@media only screen and (min-height: 851px) and (max-height: 950px) {
    #divRunnerList {
        height: 675px;
    }
}

@media only screen and (min-height: 751px) and (max-height: 850px) {
    #divRunnerList {
        height: 575px;
    }
}

@media only screen and (min-height: 651px) and (max-height: 750px) {
    #divRunnerList {
        height: 475px;
    }
}

@media only screen and (min-height: 551px) and (max-height: 650px) {
    #divRunnerList {
        height: 375px;
    }
}

@media only screen and (min-height: 451px) and (max-height: 550px) {
    #divRunnerList {
        height: 275px;
    }
}

@media only screen and (min-height: 351px) and (max-height: 450px) {
    #divRunnerList {
        height: 175px;
    }
}

@media only screen and (max-height: 350px) {
    #divRunnerList {
        height: 125px;
    }
}