.slideshow li span {
    width: 100%;
    min-height: 88.5%;
    position: absolute;
    top: 1.5cm;
    left: 0px;
    color: transparent;
    background-size: cover;
    background-repeat: none;
    opacity: 0;
}

::-webkit-scrollbar {
    width: 20px;
}

::-webkit-scrollbar-track {
    background-color: transparent;
}

::-webkit-scrollbar-thumb {
    background-color: #1d2166;
    border-radius: 20px;
    border: 6px solid transparent;
    background-clip: content-box;
}

.text-block3 {
    position: absolute;
    bottom: 25%;
    right: 2%;
    box-shadow: #1d2166 1px 0 10px;
    background-color: rgb(255, 255, 255);
    width: 500px;
    max-width: fit-content;
    max-height: fit-content;
    border-style: outset;
    border-radius: 5px;
    display: block;
    border-color: #cfcfd5;
    border-width: 1px;
    height: 200px;
    border-radius: 3px;
    padding: 10 25 0 25;
    z-index: 1;
    overflow-y: scroll;
    overflow-x: hidden;
}

.text-block3 h5,
p {
    padding: 10 0 0 0;
}

.text-block3 p {
    position: relative;
    text-align: left;
    color: rgb(5, 5, 5);
    font-size: 14px;
    font-family: 'Courier New', Courier, monospace;
}

.text-block3 h5 {
    position: relative;
    text-align: left;
    color: #1d2166;
    color: rgb(5, 5, 5);
    font-size: 14px;
    text-decoration: underline;
    font-weight: bolder;
    font-family: 'Courier New', Courier, monospace;

}

@media screen and (max-width:1200px) {

   .text-block3 {
    position: absolute;
    bottom: 10%;
    right: 5%;
    box-shadow: #1d2166 1px 0 10px;
    background-color: rgb(255, 255, 255);
    width: 500px;
    max-width: fit-content;
    max-height: fit-content;
    border-style: outset;
    border-radius: 5px;
    display: block;
    border-color: #cfcfd5;
    border-width: 1px;
    height: 200px;
    border-radius: 3px;
    padding: 10 25 0 25;
    z-index: 1;
    overflow-y: scroll;
    overflow-x: hidden;
}

.text-block3 h5,
p {
    padding: 10 0 0 0;
}

.text-block3 p {
    position: relative;
    text-align: left;
    color: rgb(5, 5, 5);
    font-size: 14px;
    font-family: 'Courier New', Courier, monospace;
}

.text-block3 h5 {
    position: relative;
    text-align: left;
    color: #1d2166;
    color: rgb(5, 5, 5);
    font-size: 14px;
    text-decoration: underline;
    font-weight: bolder;
    font-family: 'Courier New', Courier, monospace;

}
}
@media screen and (max-width:600px) {

    .text-block3 {
        position: relative;
        bottom: 5%;
        right: 0%;
        background-color: rgb(255, 255, 255);
        width: 800px;
        max-width: fit-content;
        min-height: fit-content;
        height: fit-content;
        border-radius: 3px;
        padding: 10 25 10 25;
        z-index: 1;
        overflow: scroll;
        border-image-repeat: stretch;
    }

    .text-block3 p {
        position: relative;
        text-align: left;
        color: rgb(5, 5, 5);
        font-size: 13px;
        font-family: 'Courier New', Courier, monospace;
    }

    .text-block3 h5 {
        position: relative;
        text-align: left;
        color: #1d2166;
        color: rgb(5, 5, 5);
        font-size: 12px;
        text-decoration: underline;
        font-weight: bolder;
        font-family: 'Courier New', Courier, monospace;
    }

    #footer {
        position: relative;
        min-height: 50px;
        margin-top: -50px;
        clear: both;
        z-index: 999;
        background-color: white;
    }


}

@media screen and (max-height:370px) {

    .slideshow li span {
        width: 100%;
        min-height: 150%;
        position: absolute;
        top: 1.5cm;
        left: 0px;
        color: transparent;
        background-size: cover;
        background-position: 50% 50%;
        background-repeat: none;
        opacity: 0;
    }

    .text-block3 {
        word-wrap: break-word;
        resize: horizontal;
        float: right;
        bottom: 0.5cm;
        right: 0;
        position: relative;
        box-shadow: #1d2166 1px 0 10px;
        background-color: rgb(255, 255, 255);
        min-width: fit-content;
        min-height: fit-content;
        border-style: outset;
        border-radius: 5px;
        display: block;
        border-color: #cfcfd5;
        border-width: 1px;
        border-radius: 3px;
        padding: 10 25 0 25;
        z-index: 1;
        overflow-y: scroll;
        overflow-x: hidden;
    }

    .text-block3 p {
        position: relative;
        text-align: left;
        color: rgb(5, 5, 5);
        font-size: 13px;
        font-family: 'Courier New', Courier, monospace;
    }

    .text-block3 h5 {
        position: relative;
        text-align: left;
        color: #1d2166;
        color: rgb(5, 5, 5);
        font-size: 12px;
        text-decoration: underline;
        font-weight: bolder;
        font-family: 'Courier New', Courier, monospace;
    }

}