*
{
    padding : 0;
    margin : 0;
}
html, body
{
    height : 100%;
}
body {
    /*flex*/

    display: flex;
    flex-flow: row;
    justify-content: space-between;
}
.content {
   
    width: 100%;
    /*flex*/
    display: flex;
    flex-flow: column;
    justify-content: space-between;
    text-align: center;
}

header, article, footer
{
    padding-left : 45px;
    padding-right : 45px;
}
header, footer
{
    display : flex;
    align-items: center;
}
header
{
    min-height : 90px;
}
nav {
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    align-content: flex-start;
    width: calc(100% - 50px);
    height: calc(100% - 50px);
    max-width: 317px;
    min-width: 317px;
    padding: 25px;
}
article
{
    height : 100%;
    overflow-x : auto;
    padding-top : 35px;
/*    padding-bottom : 35px;
*/    border-left : 1px solid #ebedf3;
}
/*footer {
    min-height: 80px;
    color: #B9B9B9;
    position: relative;*/
    /*min-height: 80px;
    color: #B9B9B9;
    position: fixed;
    bottom: 0px;
    background: #f3f6f9;
    width: 100%;*/

/*}*/

footer {
    min-height: 80px;
    color: #B9B9B9;
    position: fixed;
    bottom: 0px;
    background: #f3f6f9;
    width: 100%;
    z-index: 100010;
}
   
    .row {
        display: flex;
        flex-flow: row wrap;
    }  
.col
{
    display : flex;
    flex-flow : column;
}
.row.between
{
    display : flex;
    justify-content : space-between;  
}
.row.center {
    justify-content: center;
}
.row.right
{
    justify-content: flex-end;
}
.row.left
{
    justify-content: flex-start;
}

.row.align-items-center
{
    align-items: center;
}
.row.align-items-start
{
    align-items: flex-start;
}
.row.wrap
{
    flex-flow : row wrap;
}
@media (max-width: 1366px)
{
    nav
    {
        max-width : 317px;   
    }
}
@media (max-width: 860px)
{

}