body {
    display: flex;
    flex-direction: column;
    height: 100%;
}

header {
    align-items: center;
}

.nav-container > ul {
    display: flex;
    align-items: center;
}

ul.navigation {
    flex: 1 0 auto;
}

ul.navigation.active .features {
    flex-basis: auto;
}

ul.navigation.active .nav-search-input {
    flex-basis: auto;
}

nav {
    display: flex !important;
    justify-content: space-around;
}

nav .features {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

#nav-search {
    display: flex;
    justify-content: flex-end;
    /*flex: 15 0 auto;*/
}

.nav-search-input {
    flex: 0 0 0;
}

/* Footer */
footer {
    display: flex !important;
    justify-content: space-around;
    align-items: center;
    flex-direction: column;
}

footer ul {
    display: flex;
    flex-wrap: wrap;
}

footer li {
    flex-grow: 1;
}

.copyright {
    display: flex;
    justify-content: center;
    align-items: flex-start;
}

footer .social {
    display: flex;
    justify-content: center;
    flex-grow: 1;
}

.row-start {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
}

/* Body content */
.content {
    flex: 1 0 auto;
}

div.container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}

div.nav-container {
    display: flex;
    justify-content: space-between;
    flex: 1 0 auto;
}

/* Section: Novelty */
section#Novelty {
    display: flex;
    flex-direction: column;
    -ms-flex-pack: center;
    align-items: center;
}

section#Novelty .col-left {
    flex-direction: column;
    flex-basis: 25%;
}

section#Novelty .col-right {
    flex-direction: column;
    flex-basis: 25%;
}

section#Novelty .col-center {
    flex-basis: 50%;
    flex-direction: column;
}

.col-center .element {
    display: flex;
    height: calc(100% - 60px);
    flex-direction: column;
    align-items: center;
}

section#Novelty .text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}