#piemenu > svg { width: 100%; height: 100%; }
#piemenu { height: 800px; width: 800px; margin:auto; }
@media (max-width: 320px) { #piemenu { height: 100%; width: 100%; } }
@media (max-width: 480px) { #piemenu { height: 100%; width: 100%; } }
@media (max-width: 600px) { #piemenu { height: 100%; width: 100%; } }
@media (max-width: 768px) { #piemenu { height: 100%; width: 100%; } }
@media (max-width: 900px) { #piemenu { height: 100%; width: 100%; } }
@media (max-width: 1024px) { #piemenu { height: 100%; width: 100%; } }
@media (max-width: 1200px) { #piemenu { height: 100%; width: 100%; } }

[class|=wheelnav-piemenu-slice-basic] { fill: #4e4f4e; stroke: none; }
[class|=wheelnav-piemenu-slice-selected] { fill: #cbcdcb; stroke: none; }
[class|=wheelnav-piemenu-slice-hover] { fill: #5bcaf9;  stroke: none; fill-opacity: 0.77; cursor: pointer; }

[class|=wheelnav-piemenu-title-basic] { fill: #fff; stroke: none; }
[class|=wheelnav-piemenu-title-selected] { fill: #333; stroke: none; }
[class|=wheelnav-piemenu-title-hover] { fill: #222; stroke: none; cursor: pointer; }
[class|=wheelnav-piemenu-title] > tspan { font-family: Helvetica, Charcoal, sans-serif; font-size: 15px; font-weight: 700; }
.wheelnav-piemenu-marker { fill: #444; stroke: #444; stroke-width: 2; }