img {
	max-width: 100%;
	height: auto;
}

.circle-menu-box {
	width:500px;
	height: 500px;
	position: relative;
	margin:0px auto;
}


@media (min-width: 576px) {
  .circle-menu-box {
    max-width: 500px;
  }
}

@media (min-width: 768px) {
  .circle-menu-box {
    max-width: 720px;
  }
}

@media (min-width: 992px) {
  .circle-menu-box {
    max-width: 960px;
  }
}

@media (min-width: 1200px) {
  .circle-menu-box {
    max-width: 1140px;
  }
}

/* .circle-menu-box a.menu-item { */
	/* display: block; */
	/* border-radius: 100%; */
	/* margin:0px; */
	/* text-align: center; */
	/* width:80px; */
	/* height:85px; */
	/* background-color:#ffffff; */
	/* color:#777; */
	/* padding:20px; */
	/* position: absolute; */

	/* transition:all 0.5s; */
	/* -moz-transition:all 0.5s; */
	/* -webkit-transition:all 0.5s; */
	/* -o-transition:all 0.5s; */
/* } */

.circle-menu-box a.menu-item {
	display: block;
	border-radius: 100%;
	margin:0px;
	text-align: center;
	width:100px;
	height:100px;
	background-color:#fbf9f9e3;
	color:#777;
	padding:20px;
	position: absolute;

	transition:all 0.5s;
	-moz-transition:all 0.5s;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
}

.circle-menu-box a.menu-item:hover {
	transform:scale(1.5);
	-webkit-transform:scale(1.5);
	-moz-transform:scale(1.5);
	-o-transform:scale(1.5);
	color:#fff;
	background: #ff3333;
	 opacity: 1;
}