.snap-menu {
    background: rgba(0,0,0,.3);
    bottom: 0;
    opacity: 1;
    position: fixed;
    right: 0;
    z-index: 9001;
}

@media only screen and (min-height : 500px) {
    .snap-menu {
        bottom: auto;
        top: 50%;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
}

@media only screen and (min-width : 700px) {
    .snap-menu {
        right: 20px;
    }
}

.snap-menu ul {
    margin: 0;
    padding: 0;
}

    .snap-menu ul li {
        display: block;
        margin: 7px;
        position: relative;
        width: 14px;
        height: 13px;
    }

        .snap-menu ul li a {
            background: #fefefe;
            border: 0;
            border-radius: 50%;
            box-shadow: 1px 1px 0 #000;
            cursor: pointer;
            display: block;
            left: 50%;
            margin: -4px 0 0 -4px;
            position: absolute;
            text-decoration: none;
            top: 50%;
            -webkit-transition: all .1s ease-in-out;
            transition: all .1s ease-in-out;
            width: 8px;
            height: 8px;
            z-index: 1;
        }

            .snap-menu ul li a.active, .snap-menu ul li:hover a.active {
                background: #333;
                border-radius: 100%;
                box-shadow: 1px 1px 0 #ccc;
                margin: -6px 0 0 -6px;
                width: 12px;
                height: 12px;
            }

        .snap-menu ul li:hover a {
            margin: -5px 0 0 -5px;
            width: 10px;
            height: 10px;
        }

@media only screen and (min-width : 930px) and (max-width : 1250px) {
    section.section:not(.first) {
        padding-top: 50px;
        padding-top: 120px;
    }
}