#jumpicons { float: left; width: 43%; padding: 0; margin: 0; }

#jumpicons li { float: left; margin-right: 25px; list-style-type: none; }
#jumpicons .lastli { margin-right: 0; }

.gotocontent { width: 32px; height: 32px; display: block; background: url('/public/images/icon_gotocontent.png') no-repeat top center; }
.gotocontent:hover { background: url('/public/images/icon_gotocontent.png') no-repeat bottom center; }
.gotocontent:focus { background: url('/public/images/icon_gotocontent.png') no-repeat bottom center; outline: 1px solid #000000; }

.up { width: 32px; height: 32px; display: block; background: url('/public/images/icon_up.png') no-repeat top center; }
.up:hover { background: url('/public/images/icon_up.png') no-repeat bottom center; }
.up:focus { background: url('/public/images/icon_up.png') no-repeat bottom center; outline: 1px solid #000000; }

.gotomenu { width: 32px; height: 32px; display: block; background: url('/public/images/icon_gotomenu.png') no-repeat top center; }
.gotomenu:hover { background: url('/public/images/icon_gotomenu.png') no-repeat bottom center; }
.gotomenu:focus { background: url('/public/images/icon_gotomenu.png') no-repeat bottom center; outline: 1px solid #000000; }

.color { width: 32px; height: 32px; display: block; background: url('/public/images/icon_color.png') no-repeat top center; }
.color:hover { background: url('/public/images/icon_color.png') no-repeat bottom center; }
.color:focus { background: url('/public/images/icon_color.png') no-repeat bottom center; outline: 1px solid #000000; }

.light { width: 32px; height: 32px; display: block; background: url('/public/images/icon_light.png') no-repeat top center; }
.light:hover { background: url('/public/images/icon_light.png') no-repeat bottom center; }
.light:focus { background: url('/public/images/icon_light.png') no-repeat bottom center; outline: 1px solid #000000; }

.dark { width: 32px; height: 32px; display: block; background: url('/public/images/icon_dark.png') no-repeat top center; }
.dark:hover { background: url('/public/images/icon_dark.png') no-repeat bottom center; }
.dark:focus { background: url('/public/images/icon_dark.png') no-repeat bottom center; outline: 1px solid #000000; }


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

    #jumpicons { width: 100%; float: none; margin-bottom: 20px; }    
    .up { display: none !important; }
}


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

    #jumpicons { width: 100%; float: none; margin-bottom: 20px; }    
    
    #jumpicons li { margin-right: 15px; }
    
}