/* ==========================================================
   LAYOUT
========================================================== */

html,
body{

    height:100%;

}

body{

    display:flex;

    flex-direction:column;

}

main{

    display:flex;

    flex-direction:column;

    flex:1;

    background:var(--color-background);

}

.container{
    width:min(1680px,96%);
    margin:0 auto;
}

.site-header .container{
    width:min(1750px,98%);
}

.header-content{
    display:flex;
    justify-content:space-between;
    align-items:center;
}

.left-rail{
    background:var(--color-primary);
}

.page-content{
    padding:40px 40px 50px 28px;
}

.content-panel{

    max-width:980px;

    background:#ffffff;

    padding:70px 80px;

    margin:0;

    box-shadow:0 6px 24px rgba(3,35,76,.05);

}

footer{
    margin-top:0;
}