@import url(https://fonts.googleapis.com/css?family=PT+Sans:400,400italic,700,700italic);

body {
    color: #3a3a3a;
    font-family: Cabin, "PT Sans", sans-serif;
    font-size: 1rem;
    font-style: normal;
    font-weight: 400;
    margin: 0 0 10px;
}

.content {
    width: 100%;
    box-sizing: border-box;
    max-width: 1340px;
    margin: auto;
    padding: 14px 14px 19px;
    display: table;
    position: relative;
}

/**
 * Dark blue header
 */

.header-blue-box {
    background-color: #002147;
    height: 150px;
    width: 100%;
}

.header-footer-content {
    height: 100%;
    width: 100%;
    box-sizing: border-box;
    max-width: 1340px;
    margin: auto;
    padding: 0px 14px;
    display: table;
    position: relative;
}

.oxford-logo-box {
    height: 100%;
    display: table-cell;
    vertical-align: middle;
    width: 130px;
}
#oxford-logo {
    background: url("../images/oxweb-logo.gif") no-repeat;
    display: block;
    height: 110px;
    width: 110px;
}

/* mobile */
.page-title {
    font-family: Cabin, "PT Sans", sans-serif;
    color: #ffffff;
    font-size: 6vw;
    font-style: normal;
    display: table-cell;
    vertical-align: middle;
}

/* desktop 768, tablet 600 */
@media only screen and (min-width: 600px) {
    .page-title {
        font-family: Cabin, "PT Sans", sans-serif;
        color: #ffffff;
        font-size: 2.25rem;
        font-style: normal;
        display: table-cell;
        vertical-align: middle;
    }
}

/*
 * Blue decommission statement
 */

.content-blue-box {
    background-color: rgba(0, 33, 71, 0.8);
    color: #ffffff;
}

.content-blue-box a {
    color: white;
}

/* mobile phones */
.content-blue-box img {
    float: none;
    margin-right: 20px;
    width: 95%;
    max-width: 95%;
    height: auto;
}

/* desktop */
@media only screen and (min-width: 768px) {
    .content-blue-box img {
        width: 470px; height: auto;
        float: left;
        margin-right: 20px;
    }
}


/**
 * Fix text-wrap issue around image
 */
.content-blue-box ul {
    padding: 0px;
}
.content-blue-box ul li {
    position: relative;
    left: 2em;
}

/**
 * Footer
 */
footer {
    background-color: #002147;
    height: 100px;
    overflow: hidden;
    position: absolute;
    width: 100%;
}

.footer-text {
    display: table-cell;
    vertical-align: middle;
}

footer p {
    color: #ffffff;
    margin: 0px;
}

/* mobile */
footer ul {
    text-align: left;
    padding: 0px;
    margin: 0px;
}
footer ul li {
    display: inline-block;
    font-size: 2vw;
    margin: 0 2px;
    color: #ffffff;
}
footer ul li:first-child {
    margin-left: 0px;
}
footer ul a{
    color: #f5d55a;
    font-size: 2vw; /* 10px; */
    text-align: left;
    text-decoration: none;
}

/* desktop 768, tablet 600 */
@media only screen and (min-width: 600px) {
    footer ul {
        text-align: left;
        padding: 0px;
        margin: 0px;
        width: calc(100% - 225px);
    }
    footer ul li {
        display: inline-block;
        font-size: 14.5px;
        margin: 0 7px;
        color: #ffffff;
    }
    footer ul li:first-child {
        margin-left: 0px;
    }
    footer ul a{
        color: #f5d55a;
        font-size: 14.5px;
        text-align: left;
        text-decoration: none;
    }
}

footer ul a:hover {
    color: #ffffff;
}

footer #bodleian-logo {
    position: absolute;
    right: 0px;
    top: 0px;
}

/**
 * General
 */

a {
    color: #002147;
    outline: none;
}

a:hover {
    color: #337AB7;
}

h1, h2, h3, h4 {
    color: #3a3a3a;
    font-family: Cabin, "PT Sans", sans-serif;
    font-style: normal;
}

h1 { font-size: 2.45rem; }
h2 { font-size: 2rem; }
h3 { font-size: 1.65rem; }
h4 { font-size: 1.4rem; }
h4 { font-size: 1.2rem; }