Custom Footer Menu Needs to be Responsive

https://dev.allseasonsresort.com/

Theme does not come with a footer and I added one that is almost just right, but it disappears as the site responds to different device sizes. Is there something I can add to my code to make this footer menu responsive?

.bottomMenu { display: block; width:960px;}
.bottomMenu ul { display:inline; float:right; text-align: center; }
.bottomMenu li { list-style-type: none; display: inline; font-size: 12px; }
.bottomMenu li a {
	color:#000;
	line-height:15px;
	text-decoration:none;
	font-weight:normal;
	border-right: thin solid #000;
	padding: 0 7px 0 3px;
}
.bottomMenu li a:hover { color:#ccc; text-decoration:underline;}
.bottomMenu li:last-child > a {border-right: none;} /* remove pipe from last item */

Thanks