/* ---------------------------------------------------------------- */
/*** "GreyCliff-CF" font ***/

@import url("https://use.typekit.net/pvz5ymg.css");
/*
@font-face
{
    font-family:        greycliff-cf;
    src:                url(../!fonts/GreycliffCF-Regular.ttf);
}

@font-face
{
    font-family:        greycliff-cf;
    src:                url(../!fonts/GreycliffCF-Bold.ttf);
    font-weight:        bold;
}
*/
/* ---------------------------------------------------------------- */
/* *** HTML *** */

html
{
	margin:				0px;
	padding:			0px;
	height:				100%;
}

body
{
	margin:				0px;
	padding:			0px;
	height:				100%;
	overflow-y:			scroll;
	color:				white;
    background-color:   #3C5671;
    /* Regular */
    font-family:        greycliff-cf, sans-serif;
    font-style:         normal;
    font-weight:        400;
    font-size:		    18px;
    /**/
    background-image:   url(../!images/bg2.jpg);
    background-size:    cover;
}

/* ---------------------------------------------------------------- */
/* *** Background image *** */

.bg1L    /* layer low */
{
    position:           fixed;
    left:               0px;
    top:                0px;
    width:              100%;
    height:             100%;
    background-image:   url(../!images/bg1.jpg);
    background-size:    cover;
}

.bg2L    /* layer low */
{
    position:           fixed;
    left:               0px;
    top:                0px;
    width:              100%;
    height:             100%;
    background-image:   url(../!images/bg2.jpg);
    background-size:    cover;
}

.bg1H    /* layer high */
{
    position:           fixed;
    left:               0px;
    top:                0px;
    width:              100%;
    height:             100%;
    background-color:   rgba(60,86,113,0.8);      /* #3C5671 */
}

.bg2H    /* layer high */
{}