.indexWrapper {
    -webkit-box-flex: 1;
        -ms-flex: 1;
            flex: 1;
    overflow: scroll;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -ms-flex-positive: 1;
        flex-grow: 1;
}
.disable-scrollbars::-webkit-scrollbar {
    background: transparent; /* Chrome/Safari/Webkit */
    width: 0px;
}

.disable-scrollbars {
    scrollbar-width: none; /* Firefox */
    -ms-overflow-style: none;  /* IE 10+ */
}
.masonry {
    -webkit-column-count: 1;
        -moz-column-count: 1;
            column-count: 1;
}
.item {
    margin-bottom: 0.6rem;
}
.item img {
    max-width: 100%;
    width: 100%; /* new */
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    border: 1px solid var(--borderColor);
}
#numberIconTitle{
    padding-left: 2rem;
}
#numberIcon {
    padding-left: 1rem;
}
#title {
    display: block;
}
#title h2 {
    text-transform: uppercase;
}
section#titleWarning {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
}
#titleWarning h2 {
    text-align: center;
}
/* scroll to top button */
.scrollToTopBtn {

    background-color: var(--background-color);
    border: 2px solid var(--themeAccent);
    border-radius: 50%;
    color: var(--themeAccent);
    cursor: pointer;
    font-size: 1rem;
    padding: 0rem;
    width: 3rem;
    line-height: 2.6rem;

    
    /* place it at the bottom right corner */
    position: fixed;
    bottom: 3rem;
    right: 1.875rem;
    z-index: 100;
    opacity: 0;
    -webkit-transform: translateY(6.25rem);
        -ms-transform: translateY(6.25rem);
            transform: translateY(6.25rem);
    -webkit-transition: all .5s ease;
    -o-transition: all .5s ease;
    transition: all .5s ease
}

.showBtn {
    opacity: 0.5;
    -webkit-transform: translateY(0);
        -ms-transform: translateY(0);
            transform: translateY(0)
}
/* END OF scroll to top button */
@media only screen and (orientation: landscape) {
    .masonry {
        -webkit-column-count: 2;
            -moz-column-count: 2;
                column-count: 2;
    }
}
@media only screen and (min-width: 768px) {
    .masonry {
        -webkit-column-count: 2;
            -moz-column-count: 2;
                column-count: 2;
    }
}
@media only screen and (min-width: 1024px) {
    .masonry {
        -webkit-column-count: 3;
            -moz-column-count: 3;
                column-count: 3;
    }
}
@media only screen and (min-width: 1200px) {
    .masonry {
        padding: 1rem;
        -webkit-column-gap: 0.5rem;
            -moz-column-gap: 0.5rem;
                column-gap: 0.5rem;
    }
    .item {
        margin-bottom: 0.2rem;
    }
    #title {
        display: none;
    }
}