html, body { font-family:Helvetica,sans-serif; font-size:1.4em; background-color:#212223; width:100%; height:100%; margin:0 auto; color:#fff; }
header { margin:0; padding:0; position:relative; }
h1, h2, h3, h4 { text-transform:uppercase; margin:0; padding:0; }
h2, h3 { font-size:26px; line-height:32px; font-weight: 100; font: 'Helvetica Light', 'Helvetica', Arial, sans-serif; }
h4 { font-size:14px; line-height:16px; font-weight: 100; font: 'Helvetica Light', 'Helvetica', Arial, sans-serif; }
h2 { font-weight:bold; }
h3, h4 { font-weight:normal; }

p { font-size:15px; line-height:18px; font-weight:normal; font-family:Arial, sans-serif; }
a { color:white; font-weight:bold; text-decoration:none; }
a:hover { color:#F71999; }

div.circle { border-radius:50%; position:absolute; width:580px; height:580px; top:60px; right:0px; }
div.yellow { background-color:#FFB000; width:580px; height:580px; top:45px; right:16px; }
div.blue { background-color:#008DF8; width:550px; height:550px; top:53px; right:39px; }
div.pink { background-color:#F71999; }

div.blue.circle .header_box { position:absolute; top:160px; left:150px; }

nav { position:absolute; bottom:40px; left:40px; text-transform:uppercase; line-height:1.4em; font-size:1rem;  width:240px; }
nav a { display:block; }
nav p.small { margin:0; }
nav p.small a { font-size:11px; font-weight:normal; margin:0; padding:0; display:inline-block; }