html, body {
    padding: 0;
    margin: 0;
    background: #fff;
    color: #333;
    min-height: 100%;
}
a {
    color: inherit;
    text-decoration: none;
}
.container {
    max-width: 600px;
    margin: 0 auto;
    padding: 1em 1em;
}
.cover {
    background: #ede7da;
    padding: 0!important;
    text-align: center;
}
.cover img {
    max-width: 900px;
    clear: both;
}
/*.cover div {*/
/*    margin: 0 auto;*/
/*    max-width: 900px;*/
/*    background: url("/i/main.png") center bottom;*/
/*}*/
/* :img.bg(src="/i/main.png")*/

header {
    background: #000;
    color: #fff;
}
footer {
    background: #4a999b;
    color: #fff;
    min-height: 200px;
}
.main {
    min-height: 30em;
}
img.bg {
    /*background-image: url("/i/main.png");*/
    /*background-size: cover;*/
    /*height: 616px;*/
    width: 100%;
}

h1>a {
    background: url("/i/logo.png") no-repeat;
    padding-left: 95px;
    min-height: 87px;
    display: inline-block;
    font-weight: lighter;
    font-size: 21px;
}

.main {
    /*background: #fff;*/
    /*color: #333;*/
}

menu {
    margin: 0;
    padding: 0.2em 0;
    /*display: flex;*/
}
menu li {
    /*flex: auto;*/
    font-size: 1.5em;
    padding: 0 1em 0 0;
    white-space: nowrap;
    display: inline;
}

ul.cards {

}
ul.cards li {
    list-style: none;
    border: 1px solid red;
}