/*
 * Globals
 */


/*
 * Base structure
 */

html,
body
{
    color: #38414c;
    height: 100%;
    /* background: url('images/bg.jpg') no-repeat center center;
    background-size: cover; */
    font-family: 'Montserrat', Helvetica, Arial, sans-serif;
    font-weight: 300;
}

body
{
    display: -ms-flexbox;
    display: flex;
    position: relative;
    overflow: hidden;
}

body::before 
{
    content: " ";
    display: block;
    background-image: url('images/bg_left.jpg');
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: -250px;
    bottom: 0;
    right: 0;
    transition: left ease-in 0.25s;
}

@media (min-width: 576px)
{ 
    body::before 
    {
        left: -200px;
    }
}

@media (min-width: 768px)
{ 
    body::before 
    {
        left: -150px;
    }
}

@media (min-width: 992px)
{ 
    body::before 
    {
        left: -100px;
    }
}

@media (min-width: 1200px)
{ 
    body::before 
    {
        left: 0;
    }
}


body::after 
{
    content: " ";
    display: block;
    background-image: url('images/bg_right.jpg');
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: -250px;
    transition: right ease-in 0.25s;
}

@media (min-width: 576px)
{ 
    body::after 
    {
        right: -200px;
    }
}

@media (min-width: 768px)
{ 
    body::after 
    {
        right: -150px;
    }
}

@media (min-width: 992px)
{ 
    body::after 
    {
        right: -100px;
    }
}

@media (min-width: 1200px)
{ 
    body::after 
    {
        right: 0px;
    }
}

.mb-6 
{
    margin-bottom: 6rem;
}

.text-stretch 
{
    letter-spacing: 0.15rem;
}

h1, h2, h3, h4, h5, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6 
{
    font-weight: 300;
}

strong 
{
    font-weight: 400;
}

.cover-container
{
    max-width: 50em;
    position: relative;
    z-index: 1;
}


/*
 * Header
 */



/*
 * Cover
 */
.cover
{
    padding: 0 1.5rem;
}

.masthead 
{
    margin-bottom: 5rem;
}


#branding 
{
    width: 185px;
    height: auto;
}

.display-5 
{
    line-height: 1;
    font-size: 3rem;
}



/* Links */
a,
a:focus,
a:hover
{
    color: #38414c;
}