/* ==========================================================================
   Author's custom styles
   ========================================================================== */

body {
	background-image: url(../images/ecbac.jpg);
	background-repeat: repeat;
	padding-top: 0;
	padding-bottom: 0;
}
h1{
    font-family: 'Open Sans','Arial', sans-serif;
    font-weight: 300;
    font-size:47px;
    border-bottom:1px solid #f2890d;
    color:#5b5b5b;
    text-transform: uppercase;
    /*padding-bottom: 10px;*/
    padding:0 30px 10px 0;
    margin:40px 30px 40px 30px;
}

.container {
    margin-right: auto;
    margin-left: auto;
    padding:0;

}

.landing-header {
	background-image: url(../images/background.jpg);
	background-repeat: no-repeat;
	/*background-position: top center;*/
	height: 651px;
    /*width: 1200px;*/

}
.landing-page-logo-link{
    display: block;
    margin-left: 90px;
    width:560px;
    height:250px;
    /*background-color: rgba(0, 0, 0, 0.4);*/
    cursor:pointer;
}
.main-navigation{
    /*background-color: #ffff00;*/
    margin-top: 20px;
    margin-bottom: 15px;
}
.landing-page-menu {
    border-left: 1px solid #f2890d;
    font-size: 41px;
    font-weight: 300;
    font-family: 'Open Sans','Arial', sans-serif;
    text-transform: uppercase;
    padding: 15px 0 10px 0;
    margin: 0 0 0 460px;

}

.landing-page-menu ul {
    list-style-type: none;
    margin: 0 0 0 -40px;

}


.landing-page-menu ul li {
    line-height: 46px;
}

.landing-page-menu a {
    color: #c8c8c8;
    text-decoration: none;
    padding:5px;
}
.landing-page-menu a:link,.landing-page-menu a:visited{
    color: #c8c8c8;
}
.landing-page-menu a:hover{
    color:#be0000;
    /*background-color: rgba(0,0,0,0.15);*/
}
.logo-link{
    display:block;
    width:300px;
    height:55px;
}
.logo-link a{
    display: block;
    height:55px;
}
.logo-link a:hover{
    background-color: rgba(0, 0, 0, 0.15);
}
.vpts{
    background-image: url("../images/vpts.png");
    background-repeat: no-repeat;
    background-position: center right;
}
.tempus{
    background-image: url("../images/tempus.png");
    background-repeat: no-repeat;
    background-position: center right;
}
.small-header-image-right{
    visibility: hidden;
}
.landing-page-spacer-black{
    display:block;
    height:120px;
}
.content{
    font-family: "Open Sans",'Arial', sans-serif;
    color:#565656;
    padding-right:30px;
    padding-left: 30px;

}
.disclaimer{
    margin-top: 60px;
    text-align: center;
    font-family: 'Arial','Verdana', sans-serif;
    font-size:11px;
    color:#747474;
    background-color: #e5e5e5;
    padding:5px 40px 5px 40px;
}
.disclaimer p{
    margin-top: 0;
    margin-bottom: 0;
}
.footer-content{
    background-color: #000;
    color:#747474;
    font-family: 'Arial', 'Verdana', sans-serif;
    font-size: 11px;
    text-align: center;
    padding: 0;
    line-height:45px;
}


/*======================= min 1200 ===============================*/
@media (min-width:1200px) {
    .content{
        font-size: 1.2em;
    }
}
/*======================= min 992 ===============================*/
@media (min-width: 992px) and (max-width:1199px)  {
    body{
        background-image: url("../images/landing-page-background-992.jpg");
    }

    h1{
        font-size:39px;
        margin:20px 30px 40px 20px;
    }

    .landing-header{
        background-image: url("../images/landing-page-header-background992.jpg");
        height:538px;
        /*width: 992px;*/
    }
    .main-navigation{
        /*background-color: #ffff00;*/
        margin-top: 20px;
        margin-bottom: 10px;
    }
    .landing-page-menu{
        border-left: 1px solid #f2890d;
        font-size: 30px;
        font-weight: 300;
        padding: 20px 0 20px 0;
        margin: 0 0 0 380px;
    }
    .landing-page-logo-link{
        display: block;
        margin-left: 60px;
        width:470px;
        height:200px;
        /*background-color: rgba(0, 0, 0, 0.4);*/
        cursor:pointer;
    }
    .landing-page-menu ul li {
        line-height: 36px;
    }
    .landing-page-spacer-black{
        height:80px;
    }
    .logo-link{
        width:280px;
        height:40px;
    }
    .logo-link a{
        height:40px;
    }
    .disclaimer{
        margin-top:40px;
        text-align: left;
    }
    .tempus{
        background-image: url("../images/tempus992.png");

    }
    .vpts{
        background-image: url("../images/vpts992.png");
    }
}

/*======================= min 768 ===============================*/
@media (min-width: 768px) and (max-width: 991px) {
    body{
        background-image: url("../images/landing-page-background-768.jpg");
    }
    h1{
        font-size:2.2em;
        margin: 20px 30px 20px 30px;
    }
    .landing-header{
        background-image: url("../images/landing-page-header-background768.jpg");
        height:416px;
    }
    .main-navigation{
        margin-top: 25px;
        margin-bottom: 10px;
    }
    .landing-page-menu{
        border-left: 1px solid #f2890d;
        font-size: 20px;
        font-weight: 300;
        padding: 10px 0 0px 0;
        margin: 0 0 0 296px;
    }
    .landing-page-logo-link{
        display: block;
        margin-left: 40px;
        width:370px;
        height:160px;
        /*background-color: rgba(0, 0, 0, 0.4);*/
        cursor:pointer;
    }

    .landing-page-menu ul li {
        line-height: 28px;
    }
    .landing-page-spacer-black{
        height:50px;
    }
    .logo-link{
        width:200px;
        height:30px;
    }
    .logo-link a{
        height:30px;
    }
    .disclaimer{
        margin-top: 30px;
        text-align: left;
    }
    .tempus{
        background-image: url("../images/tempus768.png");

    }
    .vpts{
        background-image: url("../images/vpts768.png");
    }
}

/*======================= min 480 ===============================*/
@media (min-width: 481px) and (max-width: 767px) {
    body{
        background-image: url("../images/landing-page-background-480.jpg");
    }
    h1{
        font-size:1.9em;
        margin: 20px 30px 20px 30px;
    }

    .landing-header{
        background-image: url("../images/landing-page-header-background480.jpg");
        background-position: center center;
        margin-top: 50px;
        height:191px;

    }
    .main-navigation{
        display: none;
    }
    .landing-page-spacer-black{
        height:20px;
    }
    .disclaimer{
        margin-top: 30px;
        text-align: left;
    }
    .tempus{
        background-image: url("../images/tempus768.png");

    }
    .vpts{
        background-image: url("../images/vpts768.png");
    }

}

/*======================= max 480 ===============================*/
@media (max-width: 480px) {
    body{
        background-image: none;
        background-color: #172a23;
    }
    header{
        /*width:480px;*/
    }
    h1{
        font-size:1.5em;
        margin: 20px 30px 20px 30px;
    }
    article{
        display:none;
    }
    .container {
        /*max-width: 480px;*/
        padding:0 0 0 0;
    }
    .navbar{
        visibility: hidden;
    }
    .landing-header{
        background-image: url("../images/header-narcis-background-mobile2.jpg");
        background-position: top center;
        background-color: #172a23;
        -webkit-background-size: contain;
        background-size: contain;
        max-height: 401px;
        height: 20%;
        margin-top: -1px;
    }


    .landing-page-spacer-black{
        height:0;
    }


    .main-navigation{
        display:block;
    }
    .landing-page-menu{
        border-left: 1px solid #f2890d;
        font-size: 2.5em;
        font-weight: 300;
        padding: 30px 0 30px 0;
        margin: 60% 0 0 30px;
    }
    .landing-page-menu ul li a{
        white-space: nowrap;
        overflow: hidden;
    }
    .disclaimer{
        display:none;

    }
    .footer-content{
        display: none;
    }
    .small-header-image-right{
        height:10px;
    }
    .tempus{
        background-image: url("../images/tempus768.png");

    }
    .vpts{
        background-image: url("../images/vpts768.png");
    }
}