.wheel-container {
		margin-bottom:30px;
	}
	
	.wheel-container * {
		box-sizing: content-box;
	}

	ul#wheel-circle-parts {
		margin: 0px;
		padding: 10px 0px;
		font-size: 0px;
		text-align: center;
	}
	
	ul#wheel-circle-parts > li {
		display: inline-block;
		margin: 0px;
		padding: 10px 0px;
		width: 33.3%;
		font-size: 20px;
		background: #efefef;
		border-bottom: 6px solid #fff;
		cursor: pointer;
	}
	
	ul#wheel-circle-parts > li:hover, ul#wheel-circle-parts > li.active {
		border-bottom: 6px solid #ddd;
	}
	
	ul#wheel-circle-parts > li a {
		display: block;
		margin: -10px 0px;
		padding: 10px 0px;
		width: 100%;
		height: 100%;
		color: inherit !important;
		text-decoration: inherit !important;
    	font-family: Georgia,Times,Times New Roman,serif;
    	font-style: italic;
	}
	
	ul#wheel-circle-parts > li a:link, ul#wheel-circle-parts > li a:visited, ul#wheel-circle-parts > li a:hover, ul#wheel-circle-parts > li a:active {
		color: inherit !important;
		text-decoration: inherit !important;
	}
	
	ul#wheel-circle-parts > li.pink {
		color: #fff;
		background: #db536a;
	}

	ul#wheel-circle-parts > li.orange {
		color: #fff;
		background: #dc6900;
	}
	
	ul#wheel-circle-parts > li.burgundy {
		color: #fff;
		background: #a32020;
	}
	
	#wheel-circle {
		position: relative;
		margin: 0 auto;
		width: 556px;
		height: 556px;
		color: #555;
		transition: all 0.25s;
	}
	
	#wheel-circle.preview {
		transform: scale(0.25);
		margin: -200px -200px -200px -200px;
		float: right;
	}
	
	#wheel-circle .pizza {
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
		padding: 0px;
		width: 556px;
		height: 556px;
		border-radius: 100%;
		overflow: hidden;
		box-sizing: border-box;
		z-index: 1;
	}
	
	#wheel-circle .pizza.pink {
		width: 556px;
		height: 556px;
	}
	
	#wheel-circle .pizza.orange {
		width: 490px;
		height: 490px;
	}
	
	#wheel-circle .pizza.burgundy {
		width: 434px;
		height: 434px;
	}
	
	#wheel-circle .pizza.grey {
		width: 358px;
		height: 358px;
	}
	
	.pizza .triangle {
		position: absolute;
		width: 50%;
		height: 50%;
		transform-origin: 100% 100%;
		overflow: hidden;
	}
	
	#wheel-circle .pizza .circle-border {
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		margin: auto;
		border-radius: 100%;
		border: 2px solid #fff;
		z-index: 10;
	}
	
	.pizza .triangle.one {
		transform: rotate(90deg);
	}
	
	.pizza .triangle.two {
		transform: rotate(120deg);
	}
	
	.pizza .triangle.three {
		transform: rotate(150deg);
	}
	
	.pizza .triangle.four {
		transform: rotate(180deg);
	}
	
	.pizza .triangle.five {
		transform: rotate(210deg);
	}
	
	.pizza .triangle.six {
		transform: rotate(240deg);
	}
	
	.pizza .triangle.seven {
		transform: rotate(270deg);
	}
	
	.pizza .triangle.eight {
		transform: rotate(300deg);
	}
	
	.pizza .triangle.nine {
		transform: rotate(330deg);
	}
	
	.pizza .triangle.ten {
		transform: rotate(0deg);
	}
	
	.pizza .triangle.eleven {
		transform: rotate(30deg);
	}
	
	.pizza .triangle.twelve {
		transform: rotate(60deg);
	}
	
	.pizza.pink .triangle {
		background: transparent url("//www.pwc.com.au/private-clients/assets/home/pie-images/pink_triangle.svg") no-repeat center center;
		background-size: contain;
		background-position: bottom right;
	}
	
	.pizza.orange .triangle {
		background: transparent url("//www.pwc.com.au/private-clients/assets/home/pie-images/orange_triangle.svg") no-repeat center center;
		background-size: contain;
		background-position: bottom right;
	}
	
	.pizza.burgundy .triangle {
		background: transparent url("//www.pwc.com.au/private-clients/assets/home/pie-images/burgundy_triangle.svg") no-repeat center center;
		background-size: contain;
		background-position: bottom right;
	}
	
	.pizza.grey .triangle {
		background: transparent url("//www.pwc.com.au/private-clients/assets/home/pie-images/grey_triangle.svg") no-repeat center center;
		background-size: contain;
		background-position: bottom right;
	}
	
	.pizza .triangle > a.category-link {
		display: block;
		width: 100%;
		height: 100%;
		text-decoration:none;
	}
	
	.pizza .content {
		position: absolute;
		width: 18%;
		height: 24%;
		padding: 1%;
		font-size: 12px;
		line-height: 0.95em;
		text-align: center;
		z-index: 10;
	}
	
	.pizza .content > a {
		position: absolute;
		display: block;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		padding: 1%;
		color: inherit !important;
		text-decoration: inherit !important;
	}
	
	.pizza .content > img {
		width: 32px;
	}
	.pizza .content > a img {
		width: 32px !important;
	}
	
	.pizza .content > p {
		margin: 0px;
		padding: 0px;
		font-size: 11px;
		line-height: 1em;
	}
	
	.pizza .content > a p, .pizza .content > a:link p, .pizza .content > a:visited p, .pizza .content > a:hover p, .pizza .content > a:active p {
		margin: 0px !important;
		padding: 0px !important;
	}

	.pizza .content.one {
		top: 2%;
		left: 49%;
	}
	
	.pizza .content.two {
		top: 14%;
		left: 67%;
	}
	
	.pizza .content.three {
		top: 30%;
		left: 70%;
		width: 28%;
		height: 17%;
	}
	
	.pizza .content.four {
		top: 48%;
		left: 70%;
		width: 28%;
		height: 18%;
	}
	
	.pizza .content.five {
		top: 66%;
		left: 65%;
	}
	
	.pizza .content.six {
		top: 74%;
		left: 49%;
	}
	
	.pizza .content.seven {
		top: 74%;
		right: 49%;
	}
	
	.pizza .content.eight {
		top: 66%;
		right: 67%;
	}
	
	.pizza .content.nine {
		top: 48%;
		right: 70%;
		width: 28%;
		height: 18%;
	}
	
	.pizza .content.ten {
		top: 30%;
		right: 70%;
		width: 28%;
		height: 17%;
	}
	
	.pizza .content.eleven {
		top: 14%;
		right: 67%;
	}
	
	.pizza .content.twelve {
		top: 2%;
		right: 49%;
	}
	
	#wheel-circle .inner {
		position: absolute;
		top: 0px;
		bottom: 0px;
		left: 0px;
		right: 0px;
		margin: auto;
		padding: 10px;
		width: 120px;
		height: 120px;
		background: #fff;
		border: 2px solid #ddd;
		border-radius: 100%;
		overflow: hidden;
		z-index: 10;
		text-align: center;
		cursor: pointer;
	}
	
	#wheel-circle .inner:hover {
		background: #eee;
	}
	
	#wheel-circle .inner h2 {
		font-size: 22px;
		font-weight: bold;
		color: #666;
    	padding: 15% 0 0 0;
	}
	
	#wheel-circle .pizza.overlay .content.inactive {
		opacity: 0.5;
	}
	
	#wheel-circle .pizza.overlay .content.active {
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1);
		color: #fff;
	}
	
	#wheel-circle .pizza.overlay .content.clickable:not(.inactive) {
		cursor: pointer;
	}
	
	#wheel-circle .pizza.overlay .content.clickable:not(.inactive):hover {
		-webkit-filter: none;
		filter: none;
		color: #000;
	}
	
	#wheel-circle .pizza.overlay .content.clickable:not(.inactive):hover + .triangle {
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1);
		opacity: 1;
	}
	
	#wheel-circle .pizza.overlay .triangle.active {
		opacity: 0;
	}
	
	#wheel-circle.preview .pizza.overlay .triangle, #wheel-circle.preview .pizza.overlay .content p {
		opacity: 0;
	}
	
	#wheel-circle.preview .pizza.overlay .triangle.preview {
		opacity: 1;
	}
	
	#wheel-circle.preview .pizza.overlay .content {
		-webkit-filter: brightness(0) invert(1);
		filter: brightness(0) invert(1);
	}
	
	#wheel-circle .pizza.inactive {
		opacity: 0.25;
		-webkit-filter: grayscale(100%);
		filter: grayscale(100%);
		z-index: 0;
	}
	
	#wheel-circle img.overlay-image {
		position: absolute;
		top: 0px;
		right: 0px;
		bottom: 0px;
		left: 0px;
		width: 100%;
		height: 100%;
		margin: auto;
		pointer-events: none;
		z-index: 2;
	}
	
	#wheel-circle-category-text article.inactive, #wheel-circle-text section.inactive {
		display: none;
	}
	
	#wheel-circle-category-text article.active, #wheel-circle-text section.active {
		display: block;
	}
	
	#wheel-circle-category-text article.mobcat, #wheel-circle-text section.mobcat {
		display: none;
	}
	
	#wheel-circle-text section {
		margin: 10px 0px;
		padding: 0px;
		background: #efefef;
		text-align: left;
	}
	
	#wheel-circle-text section.pink h2 {
		background: #db536a;
	}
	
	#wheel-circle-text section.burgundy h2 {
		background: #a32020;
	}
	
	#wheel-circle-text section.orange h2 {
		background: #dc6900;
	}
	
	#wheel-circle-text section h2 {
		margin: 0px;
		padding: 10px;
		background: #333;
		color: #fff;
	}
	
	#wheel-circle-text section article {
		border-bottom: 1px dotted #444;
	}
	
	#wheel-circle-text section article:hover {
		background: #fff;
	}
	
	#wheel-circle-text article img {
		display: inline-block;
		margin: 0px 10px;
		top: 0px;
		width: 10%;
		vertical-align: middle;
	}
	
	#wheel-circle-text article h3 {
		display: inline-block;
		vertical-align: middle;
	}
	
	#wheel-circle-text section a {
		display: block;
		color: inherit;
		text-decoration: inherit !important;
	}
	
@media only screen and (max-width: 580px) {
  ul#wheel-circle-parts {
    display: none;
    height: auto;
    width: auto;
  }
  
  ul#wheel-circle-parts.mobile > li {
    display: block;
    width:100%;
    }
  
  #wheel-circle {
    display: none;
    position: relative;
    height: auto;
    width: auto;
  }
  
  #wheel-circle > .pizza {
    position: relative;
    height: auto;
    width: auto;
  }
  
  #wheel-circle > .pizza:not(.overlay) {
    display: none;
  }
  
  #wheel-circle > .pizza > .triangle {
    display: none;
  }
  
  #wheel-circle > .pizza > .content {
    position: static;
    margin: 0 auto;
    height: auto;
    width: auto;
  }
  
  #wheel-circle > img.overlay-image, #wheel-circle > .inner {
    display: none;
  }
  
  #wheel-circle-category-text article.mobcat, #wheel-circle-text section.mobcat:not(.inactive) {
    display: block;
  }
  #wheel-circle-text article h3 {
    font-size: 1.5rem;

  }
  #wheel-circle-text article img {
    width: 7%;
  }
}

@media only screen and (max-width: 440px) {
   #wheel-circle-text article h3 {
    font-size: 1.1rem;
     display:inline-block;

  }
  #wheel-circle-text article img {
    width: 10%;
  } 
}