.contentcontainer {
    width: 100%;
    height: 100%;
    position: relative;
    touch-action: none;
    overflow: hidden;
}

.content-block {
    width: 100%;
    height: 100%;
    position: absolute;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    background-size: cover !important;
}

.dotcontainer {
    z-index: 10;
    position: fixed;
    display: flex;
    flex-flow: column;
    flex-wrap: nowrap;
    top: 45%;
    right: 25px;
}

    .dotcontainer a {
        width: 10px;
        height: 10px;
        border-radius: 10px;
        background-color: rgba(255,2555,255,0.70);
        display: block;
        margin: 10px auto 10px auto;
    }

        .dotcontainer a:hover {
            background-color: rgba(255,2555,255,1);
        }

.scrollarrow {
    position: relative;
    width: 14px;
    height: 24px;
    cursor: pointer;
    left: calc(50% - 7px);
    transform: scale(9,1.3);
    font-weight: 100;
    color:white;
}

    .scrollarrow:hover {
        color: lightgray;
    }

.scrollarrow-up {
    top: 35px;
}

.scrollarrow-down {
    bottom: 35px;
}