/* BODY */

html {
height: 100%;
min-height: 100%;
overflow-y: scroll;
}
body {
margin: 0 0 0 0;
min-height: 100%;
background: #E2E6EA url(bg-1.jpg) no-repeat center center fixed;
-webkit-background-size: cover;
-moz-background-size: cover;
-o-background-size: cover;
background-size: cover;
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='bg-1.jpg', sizingMethod='scale')";
}
a {
outline: none;
}

/* MARGIN */

#topmargin,
#rightmargin,
#bottommargin,
#leftmargin {
position: fixed;
background: #FFFFFF;
z-index: 300;
}
#topmargin {
top: 0;
left: 0;
width: 100%;
height: 8px;
}
#rightmargin {
top: 0;
right: 0;
width: 8px;
height: 100%;
}
#bottommargin {
bottom: 0;
left: 0;
width: 100%;
height: 8px;
}
#leftmargin {
top: 0;
left: 0;
width: 8px;
height: 100%;
}

/* LOGO */

#logo {
position: absolute;
top: 50%;
left: 50%;
width: 432px;
height: 432px;
margin: -216px 0 0 -216px;
padding: 0 0 0 0;
z-index: 200;
}
#logo img {
width: 432px;
height: 432px;
}

@media screen and (max-width: 752px) {

/* LOGO */

#logo {
width: 240px;
height: 240px;
margin: -120px 0 0 -120px;
}
#logo img {
width: 240px;
height: 240px;
}

}