body, html {
    font-family: 'Alice', serif;
    margin:0px;
    padding:0px;
}
.layout {
    margin:10px 20px 0px 20px;
}
.header {
    position:relative;
    margin:0 auto;
    padding:10px 0px 10px 0px;
    width:100%;
    min-height:68px;
    height:auto;
    overflow:auto;
    max-width:1200px;
}
.header .logo {
    position:relative;
    float:left;
}
.header .logo img {
    margin:0px;
    padding:0px;
}
.header .description {
    position:relative;
    float:right;
    clear:right;
    margin:7px 0px 0px 0px;
}
.header .description a {
    text-decoration:none;
    color:#000000;
}
.body {
    position:relative;
    margin:0 auto;
    max-width:1200px;
    height:900px;
}
.architonic {
    border:none;
    max-width:1200px;
    width:100%;
    height:1400px;
    margin:0px;
    padding:0px;
}

@media (max-width:1226px) {
    .header {
        max-width:1020px;
    }
}
@media (max-width:1026px) {
    .header {
        max-width:760px;
    }
}
@media (max-width:811px) {
    .header {
        max-width:510px;
    }
}
@media (max-width:530px) {
    .logo {
        width:100%;
        text-align:center;
    }
    .logo img {
        width:75%;
    }
    .description {
        width:100%;
        text-align:center;
        margin:0px 0px 0px 0px;
    }
}