.landing .mainContentContainer { padding-bottom: 40px; }

.landing .banner-bg { background-color: #320439; }
.landing .global-challenges { display: none; position: absolute; top: 20px; right: 40px; font-size: 2.0rem; color: #fff; }
.landing .global-challenges div { line-height: 1; text-transform: uppercase; font-weight: 300; }
.landing .global-challenges div span { font-weight: 700; }

/*.landing .banner h1 { font-family: 'Open Sans', sans-serif; font-size: 2.769231em; font-weight: 300; font-style: normal; text-transform: none; }*/
.landing .banner h1 { font-family: "brother-1816", sans-serif; font-weight: 600; font-style: normal; font-size: 2.769231em; text-transform: none; }

.landing .filter-buttons { margin: 60px auto 0; max-width: 1140px; box-sizing: border-box; border-top: 5px solid #6b2c91; background-color: #f5f5f5; display: flex; flex-direction: column; }
.landing.reduce-margin .filter-buttons { margin: 0 auto; }

.landing .filter-buttons .filter-heading { font-size: 2.307692em; }

.landing .filter-buttons .padding { padding: 20px 3%; }
.landing .filter-buttons .fieldsetInnerContainer {  }

.landing .filter-buttons fieldset { border: none; padding: 0; }

.landing .filter-buttons .field-container { position: relative; }
.landing .filter-buttons .field-container input { padding: 10px 5px 7px 10px !important; }

.landing .filter-buttons .filter-radio-container { display: none; }

.landing .filter-buttons .filter-select { width: 100%; max-width: 400px; }

.landing .filter-buttons .label { /*font-size: 1.25em;*/ }
.landing .filter-buttons input { border-color: #8c8c8c; /*font-size: 1.25em;*/ }

.landing .filter-buttons .formRowContainer { display: flex; flex-direction: column; flex-wrap: wrap; margin: 0; max-width: 800px; }

.js .landing .filter-buttons .formRowContainer.submit { display: none; }

.landing .filter-buttons .formRowContainer p { margin-bottom: 10px; font-size: 1em; padding: 0; }
.landing .filter-buttons .formRowContainer label { display: inline-block; margin: 0 10px 10px 0; border: 1px solid #ededed; min-width: 45px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; padding: 5px 8px; box-sizing: border-box; text-align: center; }
.landing .filter-buttons .formRowContainer label:hover { border-color: #8c8c8c; }
.landing .filter-buttons .formRowContainer [type="radio"]:focus + label { outline: auto; outline-color: #000; }
.landing .filter-buttons .formRowContainer [type="radio"]:checked + label { border: 1px solid #6b2c91; background: #6b2c91; color: #fff; }

/*.landing .filter-description-container { display: none; }*/
.landing .filter-description { display: none; margin-top: 20px; border-top: 1px solid #ccc; padding: 20px 0 0 0; }
.landing .filter-description p.styleAsH3 { font-size: 1.846154em; }
.landing .filter-description p:last-child { padding-bottom: 0; }

.landing .filter-description-container.v2 { display: none; margin-top: 0; background-color: #fafafa; border: none; padding: 20px 20px 0; }
.landing .filter-description-container.v2 .filter-description { margin-top: 0; border-top: none; border-bottom: 1px solid #ccc; padding: 0 0 20px 0; }

.landing .gridList { width: 94%; margin: 0 auto; max-width: 1140px; padding: 0; box-sizing: border-box; }
.landing .gridList.displayAsList li { border-top: none; border-bottom: 1px solid #ccc; }
/*.landing .gridList.displayAsList li:last-child { border-bottom: none; }*/
.landing .gridList.displayAsList li.last-visible { border-bottom: none; }
.landing .gridList.displayAsList li > a { display: flex; flex-direction: row; align-items: flex-start; }
.landing .gridList.displayAsList li img { display: none; float: none; width: 120px; max-width: none; flex: 0 0 auto; }
/*.landing .gridList.displayAsList li .overflowHidden { overflow: auto; }*/

@media (min-width: 350px) {
    .landing .filter-buttons .formRowContainer { display: flex; flex-direction: row; }
}

@media (min-width: 400px) {
	.landing .filter-buttons .padding { padding: 20px 5%; }
    .landing .filter-buttons .filter-select { width: auto; }
    .landing .gridList { width: 90%; }
}

@media (min-width: 500px) {
	/*.landing .banner p.sub-heading { font-size: 1.538461em; }*/
	.landing .banner h1 { font-size: 3.076923em; }
    .landing .filter-buttons .filter-heading { font-size: 2.615385em; }

    .landing .gridList.displayAsList li img { /*max-width: none;*/ display: block; }
}

@media (min-width: 600px) {
	.landing .filter-buttons { width: 90%; }
    .landing.reduce-margin .filter-buttons { width: 100%; }

	.landing .filter-buttons .padding { padding: 20px; }
	.landing.reduce-margin .filter-buttons .padding { padding: 20px 5%; }

    .landing .gridList { width: 90%; max-width: 1140px; padding: 0 20px; }
    .landing.reduce-margin .gridList { width: 90%; max-width: 1140px; padding: 0; }

    .landing .gridList.displayAsList li { padding: 20px 0; }

    .landing .gridList.displayAsList li img { width: 150px; }

    .landing .gridList.displayAsList.grey-bg { padding: 0 20px; }
}

@media (min-width: 700px) {
	.landing .banner { padding: 0; }
	.landing .banner .content { padding: 40px 0 60px; }
	.landing .banner h1 { font-size: 3.384615em; font-weight: 600; }
	.landing .banner p { font-size: 1.538462em; /*font-weight: 300;*/ }

    .landing.reduce-margin .filter-buttons { margin: 0 auto; }

    .landing .filter-buttons .filter-select { display: none; }
    .landing .filter-buttons .filter-radio-container { display: block; }

    .landing .filter-description-container { display: block; }

    .landing .banner .content { max-width: none; }

    .landing .gridList.displayAsList.grey-bg { margin-top: 0; background-color: #fafafa; }
}

@media (min-width: 750px) {
	.landing .banner .content { max-width: 450px; }

	.landing .banner-bg { background-image: url('https://www.manchester.ac.uk/medialibrary/degreeprogrammes/research/impact/case-studies/showcase-banner-04.png'); background-repeat: no-repeat; background-position: bottom right; background-size: 1050px 375px; height: 375px; }

    .landing .global-challenges { display: block; }
}

@media (min-width: 800px) {
	.landing .banner .content { max-width: 500px; padding: 50px 0 80px; }
	.landing .banner h1 { font-size: 3.692308em; font-weight: 600; }
	.landing .banner p { font-size: 1.692308em; }

    .landing .filter-buttons .filter-heading { font-size: 2.769231em; }

    .landing .filter-buttons .formRowContainer label { padding: 6px 10px; }

}

@media (min-width: 900px) {
    /*.landing .global-challenges { display: block; font-size: 2.2rem; }*/

    .landing.reduce-margin .filter-buttons { width: 90%; margin-top: -40px; border-top: none; }
	.landing.reduce-margin .filter-buttons .padding { padding: 20px; }

    .landing.reduce-margin .gridList { padding: 0 20px; }

    .gridList li img { margin-right: 30px; }
}

@media (min-width: 1000px) {
/*
    .landing:not(.banner-v2) .banner .content { max-width: 550px; padding: 70px 0 100px; }
	.landing:not(.banner-v2) .banner h1 { font-size: 4.307692em; font-weight: 600; }
	.landing:not(.banner-v2) .banner p { font-size: 1.846154em; }
*/
    .landing .filter-buttons .filter-heading { font-size: 2.923077em; }

	.landing .filter-buttons .padding { padding: 30px; }
	.landing.reduce-margin .filter-buttons .padding { padding: 30px; }

    .landing .gridList { padding: 0 30px; }
    .landing.reduce-margin .gridList { padding: 0 30px; }

    .landing .gridList.displayAsList li { padding: 30px 0; }

    .landing .filter-description-container.v2 { padding: 30px 30px 0; }
    .landing .filter-description-container.v2 .filter-description { padding: 0 0 30px 0; }

    .landing .gridList.displayAsList.grey-bg { padding: 0 30px; }
}

@media (min-width: 1050px) {
    .landing .banner .content { max-width: 550px; padding: 70px 0 100px; }
	.landing .banner h1 { font-size: 4em; font-weight: 800; }
	.landing .banner p { font-size: 1.846154em; }

    .landing .banner-bg { background-size: 1225px; height: 437px; }

    .landing .global-challenges { top: 25px; right: 50px; font-size: 2.4rem; }
}

@media (min-width: 1100px) {
	.landing .filter-buttons .padding { padding: 40px; }
	.landing.reduce-margin .filter-buttons .padding { padding: 40px; }

    .landing .gridList.displayAsList { padding: 0 40px; }
    .landing.reduce-margin .gridList { padding: 0 40px; }

    .landing .gridList.displayAsList li { padding: 40px 0; }

    .landing .filter-description-container.v2 { padding: 40px 40px 0; }
    .landing .filter-description-container.v2 .filter-description { padding: 0 0 40px 0; }

    .landing .gridList.displayAsList.grey-bg { padding: 0 40px; }
}

@media (min-width: 1200px) {
	.landing .banner h1 { font-size: 4.307692em; font-weight: 900; }
	.landing .banner p { font-size: 2.153846em; }
    .landing .banner-bg { background-size: 1400px 500px; height: 500px; }

    .landing .global-challenges { top: 30px; right: 60px; font-size: 2.8rem; }
}

@media (min-width: 1400px) {
    /*.landing:not(.banner-v2) .banner-bg { background-position: bottom center; }*/
    .landing .banner-bg { background-position: bottom center; }
    .landing .global-challenges { /*right: auto;*/ /*left: calc(50% + 450px);*/ right: calc(50% - 640px); }
}