/* CSS Document */

@font-face {
    font-family: 'DIN Condensed Bold';
    font-style: normal;
    font-weight: normal;
    src: local('DIN Condensed Bold'), url('fonts/DINCondensed-Bold.woff') format('woff');
}

body {
    font-family: 'Open Sans', sans-serif;
    font-size:1.5rem;
    color:#262626;
}

header {
    height:800px;
    background:url("../images/header-bg.jpg") no-repeat center;
    background-size:cover;
}

header .logo {
    margin-top:180px;
}

.header-flash {
    margin-top:135px;
    font-family:'DIN Condensed Bold';
    font-size:2rem;
    line-height:2.3rem;
    color:#fff;
    
}
.header-flash p {
    margin:0;
    padding:1rem 1rem 1rem 0;
}

.header-flash .flash-text, .flash-left  {
    background-color:#7ca0b7;
}
.flash-left {
    position: absolute;
    left: 0;
    bottom: 0;
    top: 0;
    right: 50%;
}

/* Type */
h2 {
   font-family:'DIN Condensed Bold';
    font-size:3rem; 
}
h3 {
    font-family:'DIN Condensed Bold';
    font-size:2.5rem;
}

h3 .sub {
    font-size:1.5rem;
    color:#7ca0b7;
}

h4 {
    font-size:1.5rem;
    max-width:232px;
    text-align:center;
    background-color:#7ca0b7;
    text-transform:uppercase;
    color:#fff;
}

/* Colours */
.grey {
    color:#808080;
}
.nash-blue {
    color:#7ca0b7;
}

/* Foote */
footer {
    font-family:'DIN Condensed Bold';
    margin-top:60px;
    font-size:1.4rem;
    color:#4d4d4d;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) {  
 
}
 
/* Medium devices (tablets, 768px and up) The navbar toggle appears at this breakpoint */
@media (min-width: 768px) {  
     footer {
        margin-top:256px;
    }
}
 
/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) { 
     footer {
        font-size:2.1rem;
    }
}
 
/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {  
    footer {
        margin-top:256px;
    }
}