/*! Generated by Fontspring (https://www.fontspring.com) on May 12, 2019 Fully installable fonts can be purchased at http://www.fontspring.com The fonts included in this stylesheet are subject to the End User License you purchased from Fontspring. The fonts are protected under domestic and international trademark and copyright law. You are prohibited from modifying, reverse engineering, duplicating, or distributing this font software. (c) 2010-2019 Fontspring */
@font-face { font-family: 'Amsi pro condlight'; src: url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-light-webfont.woff) format('woff'); font-weight: normal; font-style: normal; font-display: swap; }
@font-face { font-family: 'Amsi pro condbold'; src: url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-style: normal; font-weight: 700; font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 400; src: local('Open Sans Regular'), local('OpenSans-Regular'), url(/_assets/_fonts/opensans/opensans-regular.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-regular.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 700; src: local('Open Sans Semibold'), local('OpenSans-semibold'), url(/_assets/_fonts/opensans/opensans-semibold.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-semibold.woff) format('woff'); font-display: swap; }
@font-face { font-family: 'Open Sans'; font-style: normal; font-weight: 300; src: local('Open Sans Light'), local('OpenSans-Light'), url(/_assets/_fonts/opensans/opensans-light.woff2) format('woff2'), url(/_assets/_fonts/opensans/opensans-light.woff) format('woff'); font-display: swap; }

/*********

OTAGO SUMMER SCHOOL CSS

*********/

body {
    background: url(gfx/background.jpg) center 0px repeat-x;
}
#wrapper {
    background: url(gfx/banner.jpg) center 0px no-repeat;
}
.titleinner {
    margin-top: 0px;
}
.titleinner img {
    display: none;
}
#title h1 {
    background: url(gfx/title.png) 0 51px no-repeat;
    color: #00b0eb;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 44px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 1.05;
    margin: 3px 0 0 23px;
    max-width: 650px;
    opacity: 1;
    padding: 250px 0 21px 0px;
    position: static;
    text-rendering: optimizeLegibility;
}
#title h1.notopimage {
    margin-bottom: 7px;
}
#content h1 {
    display: none;
}
#content h2 {
    border-bottom: none;
    color: #333333;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    font-size: 35px;
    line-height: 1.3;
    margin: 0px 0 28px 0;
    text-rendering: optimizeLegibility;
}
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 { margin-top: 35px; }
#content h3 {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 700;
    line-height: 1.4;
    margin-bottom: 21px;
    margin-top: 21px;
}
#content p,
#content ul li,
#content ol li,
#content table,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#right p,
#right li,
#right input {
	font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
	font-weight: 400;
}
#content p,
#content ul li,
#content ol li,
#content dt,
#content dd {
    font-size: 16px;
    line-height: 1.6;
}
#content ul.pagesubnav {
	background-color: #f5f5f5;
	border: 1px solid #dddddd;
	border-radius: 3px;
	padding-bottom: 14px;
	padding-top: 14px;
}
#content ul.pagesubnav li {
	margin-bottom: 4px;
}
#content ul.pagesubnav li a {
	font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
#content ul.pagesubnav li ul {
  margin-top: 4px;
}
#content table td {
    padding-bottom: 14px;
    padding-top: 14px;
}
#content table td,
#content table td p {
    font-size: 13px;
    line-height: 1.5;
}
.OTAGO048660 #content td:nth-of-type(1) {
    padding-left: 0;
    width: 26%;
}
.OTAGO048589 #content .grid1 {
    margin-bottom: 46px;
    margin-right: 5.5%;
    width: 29.6%;
}
.OTAGO048589 #content .grid1 img {
    width: 100%;
}
.OTAGO048589 #content .grid1:nth-of-type(3) {
    margin-right: 0;
}
#right {
    background-image: none;
    padding-top: 12px;
}
#right h2 {
    margin-bottom: 14px;
}
#right p,
#right ul,
#right ol {
    border-bottom: 0;
}
body.frontpage #content ul {
    list-style: circle url('/_assets/_gfx/yellow-arrow-small.svg');
}
#content li {
    margin-bottom: 7px;
}
.line-sep {
    width: 80px;
    height: 1px;
    background-color: #e0e0e0;
    margin-bottom: 15px;
}
.key-dates {
    margin-bottom: 7px !important;
}
.key-dates h2{
    font-weight: 100 !important;
}
.time-line {
    margin-top: 7px;
    margin-bottom: 21px;
}
.papers-feature {
    text-align: center;
}
.papers-feature h2 {
    color: #ffffff !important;
    text-align: center !important;
    padding-top: 7px !important;
}
.papers-feature h3 {
    padding-bottom: 14px !important;
    font-weight: 400 !important;
}
.papers-feature img {
    margin-top: -7px;
    margin-bottom: -63px;
}
.papers-top {
    background-color: #ffc10e;
}
.papers-top h2 {
    font-size: 41px !important;
    margin-top: 0px !important;
}
.papers-link {
    background-color: #00b5ee;
    padding: 7px 28px;
    color: #ffffff !important;
    border-bottom: none !important;
    font-size: 16px;
    font-weight: 100;
    margin: 0 auto;
    border-radius: 100px;
    width: 150px;
    box-shadow: 0px 0px 5px #555555;
    transition: background-color 0.3s !important;
}
.papers-link:hover {
    background-color: #00A3D6;
    transition: background-color 0.3s !important;
}
.stats {
    margin-bottom: 7px;
}
.stat-image {
    text-align: center !important;
    background-color: #00b5ee;
}
.stat-image p {
    line-height: 21px !important;
    padding: 14px;
    color: #ffffff;
    padding-top: 0px;
    font-weight: 300;
    padding-bottom: 28px;
}
.stat-image h2 {
    text-align: center !important;
    color: #ffffff !important;
    font-size: 64px !important;
    background-color: #00b5ee;
    padding-top: 28px !important;
}
.calendar-icon {
    background-image: url('gfx/calendar-icon.png');
    background-repeat: no-repeat;
    background-size: 20px 19px;
    display: inline-block;
    padding: 0px 28px;
}
body.frontpage #content .grid_third p.calendar-icon {
    margin-bottom: 3px;
}
.calendar-space {
    padding: 0 0 0 28px;
}
.shadow-upper {
    background-image: url('gfx/shadow-upper.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 9px;
    padding-bottom: 14px;
}
.shadow-lower {
    background-image: url('gfx/shadow-lower.png');
    background-repeat: no-repeat;
    background-size: contain;
    height: 21px;
}

/* Papers pages */

#tabnav {
    display: none;
}
#content .paper_information.ui-tabs div {
    border-top: 1px solid #dddddd;
}
#content .paper_information .prescription {
    display: none;
}
/* .S1,
.S2,
.FY {
    display: none;
} */
.MARKETING {
    display: none;
}
/*#content .paper_information .TEXTBOOK,
#content .paper_information .CONTACT,
#content .paper_information .teaching_period,
#content .paper_information .ELIGIBILITY,
#content .paper_information .TEACHSTAFF,
#content .paper_information .TEACHARGMT,
#content .paper_information .GRADATTRIB,
#content .paper_information .OUTCOMES,
#content .paper_information .PAPERSTRUC,*/
#content .paper_information .paper_title,
#content .paper_information .paper_code {
    display: none;
}

/*:not(.CLAS330) #tab_2020,
:not(.CHTH235) #tab_2020,
:not(.CHTH335) #tab_2020,
:not(.RELS203) #tab_2020,
:not(.RELS303) #tab_2020,
:not(.MAOR120) #tab_2020 {
    display: none !important;
}*/

#tab_2020 {
    display: none !important;
}
.CLAS330 #tab_2020,
.CHTH235 #tab_2020,
.CHTH335 #tab_2020,
.RELS203 #tab_2020,
.RELS303 #tab_2020,
.MAOR120 #tab_2020 {
    display: block !important;
}
#content .paperinformation dd, #content .ui-tabs dd,
#content .paperinformation dd, #content .ui-tabs dd p,
#content .paperinformation dd, #content .ui-tabs dd ul li,
#content .paper_information.ui-tabs.ui-widget-content dd li,
#content .paperinformation table td, #content .ui-tabs table td {
    font-size: 16px;
    line-height: 1.6;
}
#content table tr th,
#content .paperinformation table th,
#content .ui-tabs table th {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
    font-size: 16px;
    line-height: 1.6;
    font-weight: 700;
}
#content p + table {
    margin-top: 35px;
}

/* //////////// Frontpage styles /////////////// */

body.frontpage {
    background: url(gfx/background-frontpage.jpg) center 0px repeat-x;
}
body.frontpage #wrapper {
    background: url(gfx/banner-frontpage.jpg) center 0px no-repeat;
}
body.frontpage #title h1 {
    background: url(gfx/title.png) 0 80px no-repeat;
    padding-top: 290px;
}
body.frontpage #title h1.notopimage {
    max-width: 882px;
    font-size: 50px;
    line-height: 1.1;
    margin-bottom: 14px;
    padding-right: 0;
}
body.frontpage #content hr {
    margin: 0px 0 14px 0;
    padding: 0;
    border-top: 1px solid #e4e4e4;
}
body.frontpage #content {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0px;
    min-height: 250px;
}
body.frontpage #content p.content-banner img {
    border: 0;
    box-shadow: 0 10px 20px #f5f5f5;
    margin: 0;
    padding: 0;
}
body.frontpage #content .grid-container {
    display: flex;
    margin-top: 42px;
}
body.frontpage #content .grid-half {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    margin-bottom: 46px;
    margin-top: 14px;
    padding: 0px 14px 14px 14px;
    width: 47.5%;
}
body.frontpage #content .grid-half:nth-of-type(1) {
    margin-right: 5%;
}
body.frontpage #content .grid-half h3 {
    font-size: 25px;
    margin-bottom: 3px;
}
body.frontpage #content .grid-half h3 + p {
    color: #888888;
    margin-bottom: 21px;
}
body.frontpage #content .content-button a {
    font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
body.frontpage #content .grid-third {
    border: 1px solid #dddddd;
    border-radius: 3px;
    box-sizing: border-box;
    float: left;
    margin-bottom: 46px;
    margin-top: 14px;
    padding: 14px 14px 7px 14px;
    width: 29.8%;
}
body.frontpage #content .grid-third:not(:last-of-type) {
    margin-right: 5.3%;
}
body.frontpage #content .grid-third h3 {
  line-height: 1.2;
    margin-bottom: 14px;
    margin-top: 0;
}
body.frontpage #content .grid-third p.date {
    background: url(/_assets/_gfx/calendar-icon-grey.svg) no-repeat 0 5px;
    color: #888888;
    font-size: 12px;
    padding-left: 21px;
}
body.frontpage #content .grid2:nth-of-type(2n) {
    margin-right: 0;
}
body.frontpage #content .grid1 {
    padding-top: 21px;
}
body.frontpage #content .grid4 .grid1:nth-of-type(4n) {
    margin-right: 0;
}
body.frontpage #content .grid1 ul {
    margin-left: 0;
}
body.frontpage #content p.clearall {
    line-height: 0;
    margin-bottom: 0;
}
body.frontpage #content table td {
    font-size: 14px;
    padding: 14px 7px 14px 0;
}
body.frontpage #content .arrow {
    font-size: 13px;
}
body.frontpage #content h3 a {
    border-bottom: none;
}
/* Feature boxes - third grid */
body.frontpage .feature-box-container {
    margin-top: 21px;
    padding: 35px 0 7px 0;
    overflow: hidden;
}
body.frontpage #content .grid4 .grid_third.feature-box {
    width: 261px;
}
body.frontpage .feature-box {
    background: #ffffff;
    box-shadow: 0px 0px 10px #e4e4e4;
    min-height: 230px;
    margin-bottom: 28px;
    border-radius: 3px;
    border: 1px solid #ebebeb;
    transition: 0.3s all ease-out;
    position: relative;
}
body.frontpage .feature-box img {
    transition: all 0.3s ease;
}
body.frontpage .feature-box:hover img {
    opacity: 0.85;
}
body.frontpage .feature-box img {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    max-width: 100%;
}
body.frontpage .feature-box:hover:after {
    content: "";
    margin-top: -10px;
    position: absolute;
    color: red;
    background: url(gfx/white-arrow.png) no-repeat;
    top: 40%;
    left: 35%;
    width: 100px;
    height: 100px;
    -webkit-animation-name: move;
    animation-name: move;
    -webkit-animation-duration: 0.8s;
    animation-duration: 0.8s;
}
body.frontpage #content .feature-box h3 {
    margin: 14px;
    padding: 0;
    font-size: 19px;
    text-align: center;
}
body.frontpage #right {
    float: none;
    padding-left: 0;
}
.pagemetadata,
.editorstoolkit {
    clear: both;
}
body.frontpage #content .stat-image .stat-image-header {
    font-family: 'Abril fatface', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    text-rendering: optimizeLegibility;
    font-size: 91px !important;
    margin-top: 0px;
    padding-top: 7px !important;
}
body.frontpage #content .grid_half.study-option ul li em {
    color: #656565;
}

body.frontpage #content #box13:before {
    clear: both;
    content: '';
    display: block;
    height: 1px;
    width: 100%;
}
body.frontpage #content #box13 {
    clear: both;
}
body.frontpage #content #box15 {
    margin-bottom: 63px;
}
body.frontpage #content #box13 h2 {
    margin-top: 42px;
}
body.frontpage #content #box13,
body.frontpage #content #box14,
body.frontpage #content #box15 {
    float: none;
    width: 100%;
}

/* New styles */

body.frontpage #content.otgx {
    box-sizing: border-box;
    width: 100%;
}
ul#social_media {
    height: 330px;
}






/*========

Right

========*/

body.frontpage #right {
    margin-top: 0px;
    padding-left: 0;
    margin-left: 0;
    background: none;
    position: absolute;
    top: 600px;
}
body.frontpage #right img{
    display: none;
}
body.frontpage #right p.smalltag {
    text-transform: none;
    padding-left: 20px;
}


body.frontpage #content #box3.full-heading {
    margin-top: 42px;
}
body.frontpage #content .full-heading:first-of-type {
    margin-top: 0;
}
body.frontpage #content .full-heading h2 {
    margin-top: 42px;
    width: 100%;
}
body.frontpage #content .grid_half.study-option {
    width: 47%;
    border: 1px solid #dddddd;
    box-shadow: 0 0 6px #f0f0f0;
    border-radius: 3px;
    margin-right: 6%;
    box-sizing: border-box;
}
body.frontpage #content .grid_half.study-option-one-column {
    border: 1px solid #dddddd;
    box-sizing: border-box;
    border-radius: 3px;
    margin-bottom: 49px;
    margin-right: 0%;
    padding: 21px;
    width: 100%;
}
body.frontpage #content .grid_half.study-option:nth-of-type(2n+1) {
    margin-right: 0;
}
body.frontpage #content .grid_half.study-option img {
    width: 100%;
}
body.frontpage #content .grid_half.study-option-one-column img {
    width: 100%;
    max-width: 45%;
    float: right;
    margin-left: 5% !important;
}
body.frontpage #content .grid_half.study-option-one-column .shadow-upper,
body.frontpage #content .grid_half.study-option-one-column .shadow-lower {
    width: 50%;
}
body.frontpage #content .study-option h3 {
  margin-top: 7px;
  text-align: center;
  color: #00b0eb;
  font-size: 28px;
  padding: 0 21px;
  line-height: 1.2;
}
body.frontpage #content .study-option h3:after {
  display: block;
  content: '';
  height: 3px;
  width: 57px;
  margin: 14px auto 14px auto;
  background: #f9c000;
}
body.frontpage #content .grid_half.study-option p {
  padding: 0 35px;
}
body.frontpage #content .grid_half.study-option p:last-of-type {
  text-align: center;
}
body.frontpage #content .grid_half.study-option ul {
  padding: 0 35px;
}
#content .content-button.content-next a {
  color: #544100;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
	padding-left: 21px;
	padding-right: 35px;
}
.summer-button {
  text-align: center;
  color: #ffffff !important;
  background-color: #00b0eb;
  padding: 8px 56px;
  border-radius: 70px;
  border-bottom: none !important;
  margin: 0 auto;
  margin-bottom: 21px;
  display: block;
  width: 60px;
  transition: background-color 0.3s ease;
}
.summer-button:hover {
  border-bottom: none !important;
  background-color: #0090c0;
  transition: background-color 0.3s ease;
}
body.frontpage #content .grid_half {
    float: none;
}
body.frontpage #content .grid_half.study-option-one-column .summer-button {
  text-align: center;
  color: #ffffff;
  background-color: #00b0eb;
  padding: 7px 56px;
  border-radius: 16px;
  border-bottom: none !important;
  margin: 14px 0 14px 0;
  display: block;
  width: auto;
  display: inline-block;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
}
body.frontpage #content .grid_half.study-option-one-column .summer-button:hover {
    background-color: #0090c0;
}
body.frontpage #content .why-box {
    display: flex;
}
body.frontpage #content .grid1.why-feature {
    background-color: #00b0eb;
    border-radius: 3px;
    color: #ffffff;
    margin-right: 5%;
    width: 21.2%;
}
body.frontpage #content .grid1.why-feature:nth-of-type(4) {
    margin-right: 0;
}
body.frontpage #content .grid1.why-feature h3 {
    color: #ffffff;

    font-family: 'Amsi Pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 90px;
    font-weight: 700;
    line-height: 1;
    margin-top: 0;
    text-align: center;
}
body.frontpage #content .grid1.why-feature p {
    padding: 0 21px;
    text-align: center;
}
body.frontpage #content .grid_third {
    width: 30%;
    margin-right: 5%;
}
body.frontpage #content .grid_third:nth-of-type(3n+1) {
    margin-right: 0;
}
body.frontpage #content .grid_half.study-option p.calendar-icon {
    margin-left: 35px;
    padding-left: 28px;
    margin-top: 3px;
}




/* //////////// Key dates /////////////// */


body.frontpage #content .grid1.key-date {
    margin-right: 5.3%;
    min-height: 135px;
    width: 21%;
}
body.frontpage #content .grid1.key-date:nth-of-type(8) {
    margin-right: 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min--moz-device-pixel-ratio: 2), (min-resolution: 2dppx), (min-resolution: 192dpi) {
    #title h1,
    body.frontpage #title h1 {
      background-image: url(gfx/title@2x.png);
      background-size: 262px;
    }
}





/* MEDIA QUERIES ************/

/* iPad landscape > */
@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #wrapper {
        background: url(gfx/banner.jpg) -200px 0px no-repeat;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
    }
    #contentwrapper {
        width: 879px;
    }
    body.frontpage #title h1.notopimage {
        max-width: 650px;
    }
    body.frontpage #content .grid4 .grid1,
    .features article {
        width: 150px;
        margin-right: 16px;
    }
    body.frontpage .feature-box-container,
    .features {
        background-size: 100%;
    }
    body.frontpage #content .grid4 .grid_third.feature-box {
        width: 184px;
        min-height: 205px;
    }
    body.frontpage .feature-box:hover:after {
        left: 27%;
    }
    .news article .articletext {
        width: auto;
        float: none;
    }
    body.frontpage #content .grid2 {
        width: 302px;
    }
    body.frontpage #content .grid4 .grid1 img {
        max-width: 100%;
    }
    #features {
        width: 650px;
        margin: 0px 0px 0px 232px;
    }
    .papers-feature img {
        width: 302px;
    }
    .key-dates img {
        width: 100%;
    }
    .stat-image-content {
        min-height: 147px;
    }
    .shadow-lower {
        background-image: url('gfx/shadow-lower.png');
        background-repeat: no-repeat;
        background-size: contain;
        height: 21px;
    }


    /* Key dates */

    body.frontpage #content .grid1.key-date {
        width: 48%;
        margin-right: 4%;
    }
    body.frontpage #content .grid1.key-date:nth-of-type(2n+1) {
        margin-right: 0;
    }

}

/*********************************

Portrait tablet ^

********/

@media only screen and (max-width: 768px) {
    #wrapper {
        background-position: -400px 0;
        width: 753px;
    }
    body.frontpage #title h1 {
        width: auto;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
    }
    body.frontpage {
        background: none;
    }
    body.frontpage #wrapper {
        background: url(gfx/banner-frontpage.jpg) -250px 0px no-repeat;
        background-size: 1200px;
    }
    body.frontpage #title h1.notopimage {
        background-position: 0 31px;
        font-size: 30px;
        padding-top: 240px;
    }
    body.frontpage #content h2 {
        font-size: 24px;
    }
    body.frontpage #content .grid4 .grid_third.feature-box {
        width: 62.5%;
    }
    body.frontpage #content .grid4 .grid_third.feature-box:nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #content .grid4 .grid1:nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #content .grid1 {
        width: 44.5%;
        min-height: 0;
        padding-top: 0;
    }
    #features .features {
        margin-bottom: 42px;
        margin-left: 232px;
    }
    .news article .articletext {
        width: 100%;
        float: none;
    }
    body.frontpage .feature-box-container,
    .features {
        background-size: 100%;
    }
    body.frontpage #content h3 {
        padding-bottom: 7px;
    }
    #right {
        border-top: 1px solid #e4e4e4;
        margin-top: 0px;
    }
    body.frontpage #right {
        border-top: none;
        width: 186px;
    }
    .stats {
        margin-top: 35px !important;
    }
    .key-dates img {
        width: 100%;
    }
    .stat-image-content {
        min-height: 84px;
    }
    .shadow-lower {
        background-image: url('gfx/shadow-lower.png');
        background-repeat: no-repeat;
        background-size: contain;
        height: 200px;
        background-position: 0px 195px;
    }
    body.frontpage #content.otgx {
        width: 100%;
    }
    body.frontpage #content .grid_half.study-option {
        width: 100%;
        margin-right: 0;
        margin-bottom: 28px;
    }
    .shadow-lower {
        height: 9px;
    }
    body.frontpage #content .grid-third {
        margin-bottom: 14px;
        margin-right: 0;
        width: 100%;
    }
    body.frontpage #content .grid-third:not(:last-of-type) {
        margin-right: 0;
    }
    body.frontpage #content .grid1.why-feature {
        margin-bottom: 28px;
    }
    body.frontpage #content .grid1.why-feature:nth-of-type(2n) {
        margin-right: 0;
    }
    body.frontpage #content .grid-container {
        flex-wrap: wrap;
    }
    body.frontpage #content .grid_third {
        width: 100%;
        margin-right: 0;
    }
    body.frontpage #content .why-box {
        flex-wrap: wrap;
        margin-bottom: 21px;
    }
    body.frontpage #content .grid1.why-feature {
        margin-bottom: 21px;
        margin-right: 0;
        padding-top: 21px;
        width: 47.5%;
    }
    body.frontpage #content .grid1.why-feature:nth-of-type(2n+1) {
        margin-right: 5%;
    }

    /* Key dates */

    body.frontpage #content .grid1.key-date {
        width: 100%;
        margin-right: 0;
        min-height: initial;
    }
}



/* Mobile styles (phone and small tablet) media query */

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    #wrapper,
    body.frontpage #wrapper {
        background: url(gfx/banner.jpg) -350px 0px repeat-x;
        background-size: 900px;
        width: 100%;
    }
    .titleinner,
    body.frontpage .titleinner {
        width: 92%;
    }
    #title h1,
    body.frontpage #title h1.notopimage {
        background-position: 0 21px;
        background-size: 160px;
        font-size: 33px;
        line-height: 1.15;
        margin-left: 0;
        padding-top: 130px;
        width: 100%;
    }
    .titleinner h1 {
      max-width: 100% !important;
      min-width: 186px !important;
    }
    body.frontpage #content {
        background: none;
    }
    body.frontpage #content .grid1 {
      width: 44%;
      margin-right: 12%;
      margin-bottom: 0;
    }
    body.frontpage #content img {
      float: none;
      width: 100%;
      max-width: 100%;
      margin-left: 0;
    }
    body.frontpage #content .grid1 p img {
      width: 100%;
      max-width: 100%;
      float: none;
    }
    body.frontpage #content table {
      display: table;
    }
    body.frontpage #content table td:nth-of-type(1) {
        padding-left: 14px;
    }
    body.frontpage #content .grid1 {
        margin-right: 5.5%;
        padding-top: 14px;
        width: 47.2%;
    }
    body.frontpage #content .grid1.why-feature {
        margin-bottom: 35px;
    }
    body.frontpage #content .grid1.why-feature:nth-of-type(2n) {
        margin-right: 0%;
    }
    body.frontpage #content #box5 {
        margin-right: 0;
    }
    #features .features {
      margin-left: 0px;
    }
    body.frontpage #content .grid4 .grid_third.feature-box {
      width: auto;
      max-width: 350px;
    }
    .titleinner .line-sep {
      margin-left: 0px;
    }
    .stats img {
      width: auto !important;
    }
    .key-dates img {
      width: 100%;
    }
    .stat-image-content {
      min-height: 126px;
    }
    .shadow-lower {
      background-image: url('gfx/shadow-lower.png');
      background-repeat: no-repeat;
      background-size: contain;
      height: 14px;
      background-position: 0px 7px;
    }
    body.frontpage #content.otgx {
      width: 97%;
    }
    body.frontpage #right {
      position: static;
    }
}


@media only screen and (max-width: 420px) {
    #wrapper,
    body.frontpage #wrapper {
        background-position: -450px 0px;
    }
    body.frontpage #content .grid_half.study-option-one-column img {
        float: none;
        margin-bottom: 14px !important;
        margin-left: 0 !important;
        max-width: 100%;
        width: 100%;
    }
    body.frontpage #content .grid1.why-feature {
        margin-bottom: 21px;
        min-height: 280px;
        padding: 0;
    }
    body.frontpage #content .grid1.why-feature h3 {
        margin-bottom: 7px;
    }
    body.frontpage #content .grid1.why-feature p {
        padding: 0 7px;
    }
}