* { padding:0px; margin:0px; }

article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary {
    display: block;
}
* {
    -webkit-font-smoothing: antialiased;
}
*, *:before, *:after {
    box-sizing: border-box;
}
html {
    font-family: sans-serif;
    font-size: 1rem;
    line-height: 1.625;
}

html, body {
    /*height: 100%;*/
    min-height: 100%;
}


body {
    margin: 0;
    position: relative;
    width: 100%;
}
.bg-cover {
    background-size: cover;
    min-height: 600px;
    height:initial;
}
.bg-cover   {
    background-repeat: no-repeat;
    text-align: center;
    background-position: center center;
}
.bg-inline   {
    height: auto;
    background-repeat: no-repeat;
    text-align: center;
    background-position: center center;
    background-size: cover;
}

section{
    padding:100px 50px;
}
.row {
    height:100%;
}
.row:before {
    content: ' ';
    height: 100%;
    display: inline-block;
    vertical-align: middle;
}
.cell {
    vertical-align: middle;
    display: inline-block;
    width: 100%;
}
@media (max-width: 880px) and (min-width: 541px){
    .bg-cover {
        background-image:none;
        height: auto;
    }
    .bg-inline {
        /*padding-top: 60%;*/
    }

    .row { padding:0px 0px; }

    section, footer { padding:100px 20px; }
}

@media (max-width: 541px){
    .bg-cover {
        background-image:none;
        height: auto;
    }

    .bg-inline {
        /*padding-top: 60%;*/
    }

    .flex-row { flex-wrap:wrap; }

    .row { padding:0px 0px; }

    section, footer { padding:100px 20px; }
}