/* ####### defaults ####### */
body {
    font-family: 'Roboto', sans-serif;
    color: #221f20;
    /*padding-top: 2rem;*/
    background-image: url("../img/page-bg.jpg");
    background-repeat: repeat-x;
    background-color: #0a0d35;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Bebas Neue', sans-serif;
    color: #fff;
}

h1 { font-size: 4.9rem; }
p { font-size: 1.3rem; }

/* ####### colours, theme ####### */
#slp {
   /*  background-color: #2b2e43; */
    background-color: #656974;
    border-top: solid .3rem #988b58;
}


/* .bluebox-darker { background-color: #64becb; } */
.bluebox-darker { background-color: #999ea9; }
.bluebox-lighter { background-color: #cfedf0; }

.fullbg { 
    /*height: 100%;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}
.img1 { min-height: 499px; background-image: url("../img/img1a.jpg"); }
.img2 { min-height: 499px; background-image: url("../img/img2a.jpg"); }
.img3 { min-height: 499px; background-image: url("../img/img3a.jpg"); }
.img4 { min-height: 499px; background-image: url("../img/data.png"); }
.img5 { min-height: 499px; background-image: url("../img/img5.jpg"); }
.img6 { min-height: 499px; background-image: url("../img/img6.jpg"); }


.bg-1 {background-image: url("../img/background-1.jpg");}
.bg-2 { background-image: url("../img/background-2.jpg");}
.bg-3 { background-image: url("../img/background-2-grey.jpg");}
.bg-4 { background-image: url("../img/background-1-grey.jpg");}

.slp-button {
    padding: 1.2rem;
    font-size: 1.4rem;
    background-color: #2b2e43;
    color: #fff;
    text-decoration: none;
    border-radius: 3rem;
    display: inline-block;
}

.slp-button:hover {
    background-color: #988b58;
    color: #fff;
}

.white {
    background: #fff
}

/* ####### header ####### */
#header { 
    font-family: 'Bebas Neue', sans-serif; 
}
#header h1 { 
    font-size: 1.5rem;
    margin-bottom: 0;
}

/* ####### nav ####### */
.slpnav {
    margin-top: 0; 
    margin-bottom: 0;
}

.slpnav li {
    display: inline-block;
    list-style-type: none;
    margin-left: .9rem;
    font-size: 1.5rem;
}

@media screen and (max-width: 768px) {
    .slpnav li {
        margin-left: .7rem;
        font-size: 1.2rem;
    }
}

.slpnav li a {
   color:  #b1c0d5;
   /*  color: #6673aa; */
    text-decoration: none;
}

.slpnav li a:hover, .slpnav li a.active {
    color: #988b58;
}

/* ####### footer ####### */
#footer img {
    width: 150px;
}