body{font-family:'Droid Sans',sans-serif;padding:0;margin:0;background-color:rgba(32,16,42,.98);text-align:justify;font-size:17px}.clear{clear:both;height:0}#header{background-color:#321941;padding:30px 10px;text-align:center;box-shadow:0 -1px 0 0 #7D479A inset,0 -2px 0 0 #45484b inset,0 60px 40px 0 rgba(255,255,255,.05) inset,0 10px 10px rgba(255,255,255,.1);margin-bottom:0;color:#fff;background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0,#8444A6),color-stop(1,#180C21));background-image:-o-linear-gradient(bottom,#8444A6 0,#180C21 100%);background-image:-moz-linear-gradient(bottom,#8444A6 0,#180C21 100%);background-image:-webkit-linear-gradient(bottom,#8444A6 0,#180C21 100%);background-image:-ms-linear-gradient(bottom,#8444A6 0,#180C21 100%);background-image:linear-gradient(to bottom,#8444A6 0,#180C21 100%)}#header h1{font-size:2.5em;text-shadow:.1em .1em .05em #000;max-width:1200px;margin:30px auto 40px}#header p{font-size:1.5em;color:#F7D9EF;margin:0 auto}#explanation{background-color:rgba(255,255,255,.15);border-radius:8px;margin:30px auto 10px;max-width:1200px;padding:50px}#explanation p{text-indent:20px;font-size:1.2em;color:#F7D9EF;margin:0 auto}#explanation p:first-child{margin-bottom:20px}#explanation .important{font-weight:700}#container{margin:0 auto;width:80%;padding:15px;color:#fff;max-width:1200px}#container article{box-shadow:0 10px 2px -2px rgba(255,255,255,.1);margin-bottom:30px;padding-bottom:25px}#container article:last-child{box-shadow:none}#container header{margin-bottom:20px}#container header p{font-size:.8em;color:#F7D9EF;text-transform:uppercase}#container .image{float:left;width:40%;max-width:500px;margin-right:20px}#container .image img{width:100%;max-width:500px}#footer{border-top:1px solid #7D479A;box-shadow:0 60px 40px 0 rgba(255,255,255,.05) inset,0 10px 10px rgba(255,255,255,.1);color:#fff;margin:0;padding:20px 0}#footer .content{width:300px;margin:0 auto}#footer .logo img{height:100px;padding:0 20px}@media all and (max-width:1100px),all and (max-device-width:1100px){#explanation{margin:50px 20px 10px}}@media all and (max-width:700px),all and (max-device-width:700px){#container .image{float:none;width:100%;margin-right:0}}@media all and (max-width:400px),all and (max-device-width:400px){#explanation{text-align:left;padding:30px}}