section#header .caveat{
    position: absolute;
    left: 15px;
    bottom: 120px;
    z-index: 1;
    font-size: 12px;
    text-shadow: 0px 0px 5px #000000;
    transform-origin: top left;
    -webkit-transform: rotate(-90deg);
       -moz-transform: rotate(-90deg);
         -o-transform: rotate(-90deg);
            transform: rotate(-90deg);
}
section#header .caveat,
section#header .caveat:active,
section#header .caveat:focus,
section#header .caveat:visited{
    color: rgba(255,255,255, 0.8);
}
section#header .caveat:hover{
    color: #fff;
}


section#areas{
    padding:  45px 0;
}
section#areas .area{
    float: left;
    width: 33.3%;
    box-sizing: border-box;
    padding:  0 20px;
    text-align: center;
}


section#areas .area p{
    margin: 10px 0 0 0;
}


/* Responsive ----------------------------------------------------------*/


@media (max-width: 980px){
    section#header .caveat{
        left: 25px;
        bottom: auto;
        top: 50vh;
        margin-top: 20px;
        -webkit-transform: none;
           -moz-transform: none;
             -o-transform: none;
                transform: none;
    }
    section#areas{
        padding: 0;
    }
    footer{
        text-align: center;
    }
    footer .container{
        padding-top: 15px;
        padding-bottom: 15px;
    }
    footer .accredetations{
        display: none;
    }
}


@media (max-width: 700px){
    section#areas .area{
        float: none;
        width: auto;
    }
    section#areas .area p{
        max-width: 400px;
        margin: 10px auto 30px;
    }
}


@media (max-width: 600px){
    section#header .caveat{
        margin-top: -30px;
    }
}