/* globals */
html					{ height: 100%; min-height: 100%; margin: 0; padding: 0; }
body					{ background: #f0f0f2 url("xheguima_back.png") no-repeat top center; color: #2d2d2d; font: 11px Verdana,Arial,Helvetica,sans-serif; height: 100%; min-height: 100%; margin: 0; padding: 0; border: none; text-align: center; }

.clearfix:after			{ clear: both; content: "."; display: block; height: 0; line-height: 0; visibility: hidden; }
.clearfix				{ display: inline-block; }
html[xmlns] .clearfix	{ display: block; }
* html .clearfix		{ height: 1%; }

a, a:link, a:visited	{ color: #2d2d2d; text-decoration: none; }
a:hover					{ color: #968576; text-decoration: underline;}
a img					{ border: none; }
a:focus, a:hover, a:active  { outline: none; }

h2, h3, h4, h5, h6		{ margin: 1em 0; }
h2						{ font-size: 20px; }
h3						{ font-size: 18px; }
h4						{ font-size: 16px; }
h5						{ font-size: 14px; }
h6						{ font-size: 12px; }

p						{ margin: 0 ; padding: 0; text-align: right; }
div						{ margin: auto auto; }
blockquote				{ border-left: 2px solid #CCC; color: #666; padding: 5px 10px 1px; font-style: normal; }
code					{ background: #EAEAEA; color: #333; font-family: Consolas, Monaco, Courier, monospace; font-size: 11px; margin: 1px 0; padding: 1px 3px; }

     .container {
         width: 100vw;
         height: 100vh;
         display: flex;
         flex-direction: row;
         justify-content: center;
         align-items: center;
     }
     .box {
         width: 343px;
         height: 610px;
         padding: 0px 0px;
         background: #fff;
     }
     body {
        margin: 0px;
 }