<nav class="menubuttons">
    <a href="#" class="menu__item menu__item--yellow menu__item--active" data-background="e4a924">
     <svg xmlns="http://www.w3.org/2000/svg" id="Capa_1" style="" viewBox="0 0 460.298 460.297" x="0px" y="0px" width="460.298px" height="460.297px" xmlns:xml="http://www.w3.org/XML/1998/namespace" xml:space="preserve" version="1.1">
<g>
	<g>
		<path d="M 230.149 120.939 L 65.986 256.274 c 0 0.191 -0.048 0.472 -0.144 0.855 c -0.094 0.38 -0.144 0.656 -0.144 0.852 v 137.041 c 0 4.948 1.809 9.236 5.426 12.847 c 3.616 3.613 7.898 5.431 12.847 5.431 h 109.63 V 303.664 h 73.097 v 109.64 h 109.629 c 4.948 0 9.236 -1.814 12.847 -5.435 c 3.617 -3.607 5.432 -7.898 5.432 -12.847 V 257.981 c 0 -0.76 -0.104 -1.334 -0.288 -1.707 L 230.149 120.939 Z" />
		
	</g>
</g><path d="M 457.122 225.438 L 394.6 173.476 V 56.989 c 0 -2.663 -0.856 -4.853 -2.574 -6.567 c -1.704 -1.712 -3.894 -2.568 -6.563 -2.568 h -54.816 c -2.666 0 -4.855 0.856 -6.57 2.568 c -1.711 1.714 -2.566 3.905 -2.566 6.567 v 55.673 l -69.662 -58.245 c -6.084 -4.949 -13.318 -7.423 -21.694 -7.423 c -8.375 0 -15.608 2.474 -21.698 7.423 L 3.172 225.438 c -1.903 1.52 -2.946 3.566 -3.14 6.136 c -0.193 2.568 0.472 4.811 1.997 6.713 l 17.701 21.128 c 1.525 1.712 3.521 2.759 5.996 3.142 c 2.285 0.192 4.57 -0.476 6.855 -1.998 L 230.149 95.817 l 197.57 164.741 c 1.526 1.328 3.521 1.991 5.996 1.991 h 0.858 c 2.471 -0.376 4.463 -1.43 5.996 -3.138 l 17.703 -21.125 c 1.522 -1.906 2.189 -4.145 1.991 -6.716 C 460.068 229.007 459.021 226.961 457.122 225.438 Z" />
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
    </a>
    <a href="/ProductList.aspx" class="menu__item menu__item--red" data-background="c92142">
   <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" width="475.084px" height="475.085px" viewBox="0 0 475.084 475.085" style="enable-background:new 0 0 475.084 475.085;" xml:space="preserve">
<g>
	<g>
		<path d="M365.446,401.998c0,10.092,3.579,18.702,10.711,25.834c7.132,7.139,15.749,10.711,25.845,10.711    c10.081,0,18.698-3.572,25.83-10.711c7.139-7.132,10.711-15.742,10.711-25.834s-3.568-18.702-10.711-25.841    c-7.132-7.132-15.749-10.704-25.83-10.704c-10.096,0-18.713,3.572-25.845,10.704C369.025,383.296,365.446,391.906,365.446,401.998    z"/>
		<path d="M469.658,78.51c-3.618-3.617-7.898-5.426-12.848-5.426H113.918c-0.193-1.331-0.621-3.756-1.287-7.277    c-0.666-3.523-1.188-6.329-1.569-8.425c-0.383-2.087-1.093-4.611-2.142-7.561c-1.047-2.952-2.284-5.286-3.711-6.995    c-1.425-1.718-3.328-3.189-5.708-4.43c-2.378-1.233-5.092-1.853-8.136-1.853H18.276c-4.952,0-9.234,1.812-12.85,5.424    C1.809,45.583,0,49.868,0,54.816s1.809,9.231,5.426,12.847c3.619,3.617,7.902,5.424,12.85,5.424h58.237l50.532,234.976    c-0.378,0.76-2.329,4.373-5.852,10.848c-3.521,6.475-6.328,12.135-8.42,16.988c-2.093,4.859-3.14,8.616-3.14,11.279    c0,4.948,1.809,9.232,5.424,12.854c3.621,3.606,7.902,5.421,12.851,5.421h18.272h255.815h18.261c4.948,0,9.232-1.814,12.847-5.421    c3.62-3.621,5.427-7.905,5.427-12.854c0-4.949-1.807-9.233-5.427-12.847c-3.614-3.614-7.898-5.428-12.847-5.428h-262.66    c4.57-9.138,6.854-15.222,6.854-18.268c0-1.909-0.238-4.004-0.715-6.283s-1.047-4.805-1.713-7.569    c-0.667-2.752-1.093-4.799-1.283-6.133l298.077-34.831c4.753-0.575,8.658-2.614,11.703-6.14c3.046-3.518,4.565-7.562,4.565-12.133    V91.363C475.082,86.415,473.278,82.132,469.658,78.51z"/>
		<path d="M109.632,401.998c0,10.092,3.567,18.702,10.706,25.834c7.141,7.139,15.75,10.711,25.841,10.711    c10.085,0,18.699-3.572,25.835-10.711c7.139-7.132,10.71-15.742,10.71-25.834s-3.568-18.702-10.71-25.841    c-7.137-7.132-15.75-10.704-25.835-10.704c-10.09,0-18.704,3.572-25.841,10.704C113.203,383.296,109.632,391.906,109.632,401.998z    "/>
	</g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
    </a>
    <a id="profilelink" class="menu__item menu__item--green" data-background="37b983">
      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g id="Bounding_Boxes"> <g id="ui_x5F_spec_x5F_header_copy_2"> </g> <path fill="none" d="M0,0h24v24H0V0z"/> </g> <g id="Rounded"> <path d="M12,12c2.21,0,4-1.79,4-4s-1.79-4-4-4S8,5.79,8,8S9.79,12,12,12z M12,14c-2.67,0-8,1.34-8,4v1c0,0.55,0.45,1,1,1h14 c0.55,0,1-0.45,1-1v-1C20,15.34,14.67,14,12,14z"/> </g> </svg> 
    </a>
    <a href="https://dmg.orderprintnow.com/PortalPage.aspx?PortalPageId=044141d8-9cf2-40dc-9c4a-069635c4e8f3&PortalId=90ef91db-a399-40a4-98d3-364da3cef9ab" class="menu__item menu__item--purple" data-background="9f32b8">
       <svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="24px" height="24px" viewBox="0 0 24 24" enable-background="new 0 0 24 24" xml:space="preserve"> <g id="Bounding_Boxes"> <g id="ui_x5F_spec_x5F_header_copy_2"> </g> <path fill="none" d="M0,0h24v24H0V0z"/> </g> <g id="Rounded_1_"> <g id="ui_x5F_spec_x5F_header_copy_6"> </g> <path d="M20,2H4C2.9,2,2.01,2.9,2.01,4L2,22l4-4h14c1.1,0,2-0.9,2-2V4C22,2.9,21.1,2,20,2z M7,9h10c0.55,0,1,0.45,1,1v0 c0,0.55-0.45,1-1,1H7c-0.55,0-1-0.45-1-1v0C6,9.45,6.45,9,7,9z M13,14H7c-0.55,0-1-0.45-1-1v0c0-0.55,0.45-1,1-1h6 c0.55,0,1,0.45,1,1v0C14,13.55,13.55,14,13,14z M17,8H7C6.45,8,6,7.55,6,7v0c0-0.55,0.45-1,1-1h10c0.55,0,1,0.45,1,1v0 C18,7.55,17.55,8,17,8z"/> </g> </svg>
    </a>
  </nav>