/* Default */
body { background-color: #ebeef0; cursor: default; font-family: Arial; font-size: 11px; height: 100%; margin: 0px; overflow-y: scroll; position: absolute; width: 100%; zoom: 1; }

/* Front page */
.front { margin: 30px auto; width: 450px; }
.front.large { width: 650px; }
.front .title { padding-bottom: 30px; padding-left: 30px; padding-right: 30px; padding-top:0px; }
.front .front-box { min-height: 450px; width: 450px; }
.front .front-box.large { width: 650px; }
.front .front-box.shadow { background-color: #fff; border-radius: 3px; box-shadow: 1px 2px 10px rgba(0, 0, 0, 0.15); }
.front .front-box .inner-col { padding: 35px; }
.front .front-box .input-col { padding: 0px 5px 5px 0px; }
.front .front-box .top-col { padding: 35px 35px 5px 35px; }

@media (max-width: 768px) {
    body { background-color: #fff; overflow-y: auto; }
    .front { width: 100%; }
    .front .title { padding-top:35px; }
    .front .front-box { width: 100%; }
    .front .front-box.shadow { box-shadow: none; }
}