/*! Generated by Fontspring (https://www.fontspring.com) on August 27, 2018. 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-2018 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: local('Amsi pro condbold'), local('Amsi-pro-condbold'), 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; }

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

OMS CSS

*****************/
body {
    text-rendering: optimizeLegibility;
    background: url(gfx/background.jpg) 0 0 repeat-x;
}
#wrapper {
  background: url(gfx/banner.jpg) right 0px no-repeat;
}

header#global_intro h1 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, arial, sans-serif;
  font-size: 23px;
  letter-spacing: 0.01em;
  line-height: 1.1;
}
header#global_intro h1.global_intro_maori {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 13px;
  font-weight: 400;
  letter-spacing: 0;
  line-height: 1.25;
  margin-top: 5px;
  padding-bottom: 14px;
}
  #title h1, body.frontpage #title h1.notopimage {
    background: url(gfx/title.png) -14px 135px no-repeat;
/*     color: #576f71; */
      color: #bda871;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 60px;
    font-weight: normal;
    letter-spacing: -0.01em;
    line-height: 1.05;
    margin: 0px 0 28px 23px;
    max-width: 882px;
    padding: 410px 0 0 0;
    position: static;
    text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 882px;
  background-color: transparent;
}
#title p.heading-translation {
    color: #587b7c;
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 28px;
    margin-top: -14px;
    padding-left: 23px;
}

#content h2 {
  border-bottom: none;
  color: #587b7c;
  font-size: 38px;
  font-family: 'Amsi pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  line-height: 1.1;
  margin: 0 0 21px 0;
  padding-bottom: 0px;
}
#content div + h2,
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content button + h2,
#content form + h2,
#content blockquote + h2 {
  border-top: 5px dotted #dddddd;
  margin-top: 49px;
  padding-top: 42px;
}
#content h3 {
      color: #587b7c;
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 23px;
      line-height: 1.3;
      margin-top: 21px;
}
#content h4 {
      color: #587b7c;
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 20px;
      letter-spacing: .4px;
      line-height: 1.3;
      margin-top: 21px;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content table tr th,
#content table tr td,
#content table tr td p,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input,
#content blockquote,
#right p,
#right li,
#right dt,
#right dd {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  font-weight: 400;
  line-height: 1.6;
}

#content ul,
#content ol {
  margin-left: 14px;
}
#content ul li,
#content ol li {
  margin-bottom: 7px;
}
#content ul li ul {
    margin-top: 7px;
}
#content ul.pagesubnav {
    background: #f9f9f9;
    border: 1px solid #dddddd;
    box-shadow: inset 5px 5px 3px rgba(0,0,0,0.03);
    padding: 14px;
}
#content p + ul.pagesubnav,
#content h2 + ul.pagesubnav,
#content h3 + ul.pagesubnav {
    margin-top: 35px;
}
#content ul.pagesubnav li {
    margin-bottom: 4px;
}
#content ul.pagesubnav li a {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 15px;
}
#content p.fullwidthimage {
  border-bottom: 5px dotted #dddddd;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  padding: 0 0 14px 0;
}
#content p + p.fullwidthimage,
#content ul + p.fullwidthimage {
  margin-top: 35px;
}
#content th {
  font-size: 13px;
}
#content img {
  max-width: 100%;
}
#content hr {
  border-top: 5px dotted #dddddd;
}
#right {
    background: none;
}
#content {
  max-width: 882px;
  position: relative;
  width: 100%;
}
#content .content-button a {
    color: white;
    background-color: #587b7c;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 22px;
    border: solid 3px #cdb67b;
    border-radius: 25px;
    padding: 1px 20px 5px 20px;
    box-shadow: 0 0 0 #e4e4e4, 0 2px 2px #e4e4e4;
}
#content .content-button a:hover{
/*     background-color: #587b7c; */
    background-color: #bda871;
    border: solid 3px #e7daae;
}
#content .grid2 {
    width: 882px;
}
#content p.fullwidthimage img {
    border: none;
}

#content p img {
    border: none;
}
#right {
    background: none;
    box-sizing: border-box;
    margin-left: 0;
    padding-left: 232px;
    width: 100%;
}
#right .rightcontentwysiwyg {
    background-color: #f2f2f2;
    padding: 20px 20px 20px 30px;
    border-radius: 5px;
}
#right h2 {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 20px;
    letter-spacing: 0.01em;
    padding-bottom: 10px;
    text-transform: none;
    color: #587b7c;
}
#content .tile-box-shadow-thumbnail-no-description h2 a {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    border-bottom: none;
}
#content .tile-box-shadow-container {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    padding-top: 15px;
}
#content .full-width-video {
   width: 100%;
   margin-bottom: 20px;
}
#content p.caption_232 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
body.OTAGO634036 #content h2 {
    color: #587b7c;
      font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
      font-size: 23px;
      line-height: 1.3;
      margin-top: 21px;
}
body.OTAGO634036 #content p + h2 {
    border-top: none;
    margin-top: 0px;
    padding-top: 5px
}
/* body.OTAGO690706 #content:before {
	background: url(/cs/groups/public/@uocwebmaster/documents/webcontent/otago675875.png) no-repeat right 40px;
	background-size: 125px;
	content: '';
	display: block;
	height: 500px;
	left: 25%;
	opacity: 1;
    position: absolute;
	top: 0;
	width: 300px;
	z-index: -999;
} */
/* body.OTAGO705443 #content:before {
	background: url(/cs/groups/public/@healthsciences/documents/contributorimg/otago706489.png) no-repeat right 70px;
	background-size: 175px;
	content: '';
	display: block;
	height: 500px;
	left: 25%;
	opacity: 1;
    position: absolute;
	top: 0;
	width: 300px;
	z-index: -999;
} */
/* body.OTAGO690706 #content ul.pagesubnav,
body.OTAGO705443 #content ul.pagesubnav {
    background: none;
    border: 0;
    box-shadow: none;
    padding: 14px;
} */
body.OTAGO690706 #content table a {
    border-bottom: none;
}
body.OTAGO690706 #content table {
    width: 70%
}
body.OTAGO690706 #content ul + h2 {
    border-top: none;
/*     background: red; */
}
#content .tile-box-shadow-container {
    width: 100%;
}
/* body.OTAGO690706 #content .grid3 div {
    background-color: red;
    padding-bottom: 20px;
} */
body.OTAGO690706 #content div + h2:nth-of-type(3){
/*     background-color: red; */
    margin-top: 100px;
}
#content div.featurebox_yellow {
    background-color: #fffcf7;
    border: solid 1px #e0c282;
}
#content div.featurebox_yellow p{
    color: #bda871;
}
#content p.caption_186 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}

/* .grid-quarter */

body.OTAGO744632 #content .icon-region {
    display:flex;
    flex-wrap: wrap;
    margin-top: 40px;
}

body.OTAGO744632 #content .grid-quarter {
    flex-wrap: wrap;
    margin-right: 4%;
}
body.OTAGO744632 #content .grid-quarter {
  hyphens: none;
}
body.OTAGO744632 #content .grid-quarter:nth-of-type(4),
body.OTAGO744632 #content .grid-quarter:nth-of-type(8){
    margin-right: 0; 
}
body.OTAGO744632 #content .grid-quarter img {
    margin: 0 auto;
    margin-top: 15%;
    max-width: 70%;
    width: 100%;
    display: block; 
}
#content .grid-quarter p,
#content .gridthird.shadow-box p{
  font-size: 15px;
}
#content .grid-quarter h3 {
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 25px;
/*   padding: 0 14px; */
}
body.OTAGO744632 #content .grid-quarter h3 {
  padding: 0 14px;
}
#content .grid-quarter h3 a {
  border-bottom: none;
}
#content .grid-quarter h3+p {
    box-sizing: border-box;
    padding: 0 14px 12px 14px;
}
#content .grid-quarter h3:after{
  background: #f9c000;
  content: '';
  display: block;
  height: 3px;
  margin-bottom: 14px;
  margin-top: 14px;
  width: 37px;
}
#content .grid-quarter:hover {
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px)
}
#content .grid-quarter {
    box-shadow: 0 5px 20px #f5f5f5,
                0 2px 6px #e4e4e4;
    margin-bottom: 55px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.3s ease;
    box-sizing: border-box;
    border-radius: 3px;
    border: 1px solid #dddddd;
    width: 22%;
    margin-right: 4%; 
}
/* #content .grid-quarter img,
#content .gridthird img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  width: 100%;
  border-radius: 2px 2px 0 0;
} */
/* #content .grid-quarter p {
    color: #bda871;
} */

/* .grid-third .shadow-box */

#content .shadow-box {
    box-shadow: 0 5px 20px #f5f5f5,
                0 2px 6px #e4e4e4;
    border: 1px solid #dddddd;
    border-radius: 4px;
    margin-bottom: 55px;
    -webkit-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#content .grid-third.shadow-box {
    width: 29.6%;
    margin-right: 5.2%;
    box-sizing: border-box;
}
#content .grid-third.shadow-box.last {
    margin-right: 0;
}
#content .grid-third.shadow-box h2 { 
    font-size: 26px;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    margin: 0 0 12px 14px; 
}

#content .grid-third.shadow-box h2+p {
    box-sizing: border-box;
    padding: 0 14px 12px 14px;
}

#content .grid-third.shadow-box a {
    border-bottom: none;
}
#content .gridthird.shadow-box a p {
    color: black;
/*     color: #416ebf; */
}
#content .grid-third.shadow-box a h2 {
    color: #8fba9e;
/*     color: #416EBF; */
}
#content .grid-third img {
  margin: 0;
  padding: 0;
  border: none;
  max-width: 100%;
  width: 100%;
  border-radius: 2px 2px 0 0;
}
#content .grid-third h3:after{
  background: #f9c000;
  content: '';
  display: block;
  height: 3px;
  margin-bottom: 14px;
  margin-top: 14px;
  width: 37px;
}
#content .grid-third:hover {
   box-shadow: 0 10px 20px silver;
   transform: translateY(-1px)
}
#content .grid-third h3 {
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 25px;
  padding: 0 14px;
}
#content .grid-third a p {
    color: #333333;
/*     color: #416ebf; */
}
#content .grid-third.shadow-box h3+p {
    box-sizing: border-box;
    padding: 0 14px 12px 14px;
}
#content .tile-box-shadow-thumbnail-description ul li a {
    border-bottom: none;
}

/* tile-box-shadow-thumbnail-description */

#content .tile-box-shadow-thumbnail-description ul li li {
    margin-left: -7px;
}
#content .tile-box-shadow-thumbnail-description ul li {
/*     background-color: red; */
    padding-bottom: 0px;
}


/* Sub nav for departments */
.backlink {
  border-top: 1px solid #2e4b7a;
  padding-top: 14px;
  background: url(/_assets/_gfx/yellow-arrow-back-small.svg) no-repeat 0 14px;
  background-size: 7px 14px;
  padding-left: 13px;
}
div.global_nav_main .backlink a {
  color: #a9bcd9;
}
#dept_nav.global_first > li:nth-child(1) {
  font-style: normal;
  font-weight: bold;
  line-height: 1.25;
  color: #ffffff;
  letter-spacing: 0.02em;
}
#dept_nav.global_first > li:nth-child(1) .selected {
  color: #ffffff;
  font-style: normal;
}
#dept_nav.global_first > li:nth-child(1):after {
  border-bottom: 2px solid #f9c000;
  display: block;
  content: '';
  width: 21px;
  margin-top: 7px;
}
div.global_nav_footer {
  z-index: -1;
}


/* Short courses*/

.OTAGO744482 #content {
    box-sizing: border-box;
    width: 100%;
}
.OTAGO744482 #content .tile-box-shadow-description.grid-half {
    box-sizing: border-box;
    margin-right: 5.4%;
    padding-bottom: 14px;
    transition: all 0.3s ease-out;
    width: 47.3%;
}
.OTAGO744482 #content .tile-box-shadow-description.grid-half:hover {
    box-shadow: 0 2px 2px #eeeeee, 0 2px 2px #f5f5f5
}
.OTAGO744482 #content .tile-box-shadow-description.grid-half h2 {
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.01em;
}
.OTAGO744482 #content .tile-box-shadow-description.grid-half a {
    display: block;
    padding-top: 21px;
    transform: translateY(0px);
    transition: all 0.3s ease-out;
}
.OTAGO744482 #content .tile-box-shadow-description.grid-half a:hover {
    border-bottom: 0;
    transform: translateY(1px);
}



/* Education */

.OTAGO744588 #content {
    box-sizing: border-box;
    max-width: 100%;
    width: 100%;
}
.OTAGO744588 #content .tile-box-shadow-container h3 {
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
.OTAGO744588 #content .tile-box-shadow-description h4 {
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
.OTAGO744588 #content h2 + .tile-box-shadow-container {
    margin-top: 28px;
}
.OTAGO744588 #content .tile-box-shadow-container h3:after {
    background: #f9c000;
    content: '';
    display: block;
    height: 5px;
    margin-bottom: 14px;
    margin-top: 7px;
    margin-left: 14px;
    width: 57px;
}
.OTAGO744588 #content .tile-box-shadow-container h3 a {
    border: none;
    display: block;
    font-size: 25px;
    line-height: 1.15;
    padding: 7px 14px;
}
.OTAGO744588 #content .tile-box-shadow-container h4 a {
    border: none;
    display: block;
    font-size: 25px;
    line-height: 1.15;
    padding: 14px 14px 7px 14px;
}
.OTAGO744588 #content .tile-box-shadow-container p {
    line-height: 1.5;
}
.tile-box-shadow, .tile-box-shadow-description,
.tile-box-shadow-thumbnail-description,
.tile-box-shadow-thumbnail-no-description {
    box-shadow: 0 5px 5px #eeeeee, 0 10px 20px #f5f5f5;
}
.OTAGO744588 #content .tile-box-shadow-container .tile-box-shadow-description,
.OTAGO744588 #content .tile-box-shadow-container .tile-box-shadow-no-thumbnail-no-description {
    margin-right: 4%;
    width: 22%;
}
.tile-box-shadow-description:nth-of-type(3n) {
    margin-right: 7.1%;
}

/* Current medical students */
body.OTAGO084869 #content .tile-box-shadow-thumbnail-description ul {
    margin-left: 20px;
}
body.OTAGO084869 #content .tile-box-shadow-thumbnail-description a {
    border-bottom: none;
}


/* Alumni and friends */

.OTAGO745254 #content {
    box-sizing: border-box;
    width: 100%;
}
.OTAGO745254 #content .tile-box-shadow-container {
    margin-top: 35px;
}
#content .tile-box-shadow-thumbnail-description {
    transition: all 0.3s ease-out;
}
#content .tile-box-shadow-thumbnail-description:hover {
    box-shadow: 0 0 0 #e4e4e4, 0 2px 2px #e4e4e4;
}
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
    font-weight: 700;
}
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type a {
    display: block;
}
#content .tile-box-shadow-thumbnail-description p + h2:first-of-type a:hover {
    border-bottom: 0;
}
#content ul,
#content ul li,
#right ul li {
	list-style-image: url(/_assets/_gfx/arrow-pale-green-forward.svg);
	list-style-position: outside;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 16px;
    padding-bottom: 10px;
    list-style-position: outside;
    margin-left: 7px;
}
#right ul li {
    margin-left: 14px;
}
#content .tile-box-shadow-thumbnail-description ul {
    padding: 0 14px 14px 14px
}
#content ol li {
    font-size: 16px;
    padding-bottom: 10px;
}



/* Newsletters */

.OTAGO745288 #content .tile-box-shadow-thumbnail-description h3 {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2;
    margin-bottom: 14px;
    margin-left: 14px;
    margin-right: 14px;
}
.OTAGO745288 #content .tile-box-shadow-thumbnail-description h3:after {
    background-color: #f9c000;
    content: '';
    display: block;
    height: 4px;
    margin-top: 14px;
    width: 35px;
}
.OTAGO745288 #content .tile-box-shadow-thumbnail-description h3 a {
    border-bottom: 0;
}

/* About us */

body.OTAGO744481 #content .tile-box-shadow-description h2 a {
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 25px;
}
body.OTAGO744481 #content .tile-box-shadow-description {
    padding-top: 15px;
}
body.OTAGO744481 #content .tile-box-shadow-container {
    padding-top: 15px;
}





/*  FRONTPAGE  */


body.frontpage #title h1.notopimage {
    max-width: 882px;
}
body.OTAGO744489 #content .tile-box-shadow-container {
    padding-top: 30px;
}
body.OTAGO744489 #content .tile-box-shadow-container h2 a {
/*     color: #587b7c; */
    color: #587b7c;
}
body.OTAGO744489 #content p.smalltag {
    font-size: 15px;
    color: #bda871;
}
body.OTAGO744489 #content .tile-box-shadow-thumbnail-description p:last-of-type {
    margin-bottom: 20px;
}
body.OTAGO744489 .features.clearFix span {
  color: #587b7c;
  font-size: 38px;
  font-family: 'Amsi pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
body.OTAGO744489 .features article {
    margin-top: 20px;
}

body.OTAGO744489 #content .tile-box-shadow-thumbnail-description.grid-half.left{
    background: url(/_assets/OtagoCorporate/gfx/future-students/maori-icon.svg) no-repeat 14px 21px #ffffff;
	background-size: 40px;
    padding: 7px 14px 7px 60px;
}
body.OTAGO744489 #content .tile-box-shadow-thumbnail-description.grid-half.left a,
body.OTAGO744489 #content .tile-box-shadow-thumbnail-description.grid-half.right a,
body.OTAGO744489 #content .tile-box-shadow-thumbnail-description.grid-half.full-width a {
    color: #587b7c;
}
body.OTAGO744489 #content .tile-box-shadow-thumbnail-description.grid-half.right{
    background: url(/_assets/OtagoCorporate/gfx/future-students/pacific-icon.svg) no-repeat 14px 21px #ffffff;
	background-size: 40px;
    padding: 7px 14px 7px 60px
}
body.OTAGO744489 #content .tile-box-shadow-thumbnail-description.grid-half.full-width,
body.OTAGO744621 #content .tile-box-shadow-thumbnail-description.grid-half.full-width,
body.OTAGO744588 #content .tile-box-shadow-thumbnail-description.grid-half.full-width{
    border: solid 1px #e0c282;
    border-left: solid 7px #bda871;
    padding-left: 15px;
    background-color: #fffcf7;
}
body.OTAGO744489 .features article h3 a {
    font-family: Helvetica, Arial, Geneva, sans-serif;
}
body.OTAGO744489 #content .news-region {
    display: flex;
    flex-wrap: wrap;
}
body.OTAGO744489 #content article {
    width: 21%;
}
body.OTAGO744489 #content .news-region article a {
    border-bottom: none;
}
body.OTAGO744489 #content .news-region article h3 {
    font-size: 19px;
    margin-top: 10px
}
body.OTAGO744489 #content .news-region article img {
    width: 100%
}
body.OTAGO744489 #content article:not(:last-of-type) {
    margin-right: 5.3%;
}
body.OTAGO744489 #content .news-region article p.smalltag {
    font-size: 13px;
}
#content .grid1 {
    margin-right: 3.5%;
}
#content .grid1:not(:last-of-type) {
    margin-right: 3.5%;
}

@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.notopimage {
               background-image: url(gfx/title@2x.png);
               background-size: 334px;
           }

/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #features {
        width: 650px;
    }
}

@media only screen and (max-width: 768px) {
	#title h1, body.frontpage #title h1.notopimage {
        padding-right: 0;
    }
    body {
        background: none;
    }
    body.frontpage #title h1 {
        padding-right: 0;
    }
    #right {
        border-bottom: none;
    }
    #features .events {
        width: 418px;
        margin-left: 232px;
        border-left: none;
    }
    #features .events article {
        margin-top: 14px;
    }
    #features .events article:first-child {
        margin-top: 14px;
    }
}

/* Mobile styles*/

@media only screen and (max-width: 700px) {
#title h1, body.frontpage #title h1.notopimage {
        background-position: -10px 5px;
        font-size: 30px;
        padding-top: 200px;
        margin-left: 0;
        background-size: 230px;
    }
    #wrapper {
        background-position: right 30px;
        background-size: 690px;
    }
    #content {
        max-width: 97%;
    }
    #content .gridthird.shadow-box {
        width: 100%;
        margin-left: 0%;
        margin-right: 0%
}
    #features .events {
        width: 97%;
        margin-left: 0px;
        padding: 0;
    }
    #features .events article {
        width: 47.5%;
        margin-right: 5%;
    }
    #features .events article:nth-of-type(2n) {
        margin-right: 0;
    }
    .OTAGO745254 #content,
    .OTAGO744482 #content {
        max-width: 97%;
    }
    .OTAGO744482 #content .tile-box-shadow-description.grid-half p {
        font-size: 14px;
        hyphens: none;
    }
    .OTAGO745288 #content .tile-box-shadow-thumbnail-description {
        margin-right: 7.1%;
    }
    body.OTAGO744481 #content .tile-box-shadow-description {
        width: 100%;
}
    body.OTAGO744481 #content .tile-box-shadow-description.last {
        width: 97%;
    }
    #title p.heading-translation {
        margin-left: -23px;
    }
    #right {
        padding-left: 0px;
        width: 97%;
    }
    body.OTAGO745326 #content .grid3 .grid_half,
    body.OTAGO690706 #content .grid3 .grid_half{
        width: 120px;
    }
    body.OTAGO744632 #content .grid-quarter {
        flex-wrap: wrap;
        margin-right: 4%;
}
    body.OTAGO744632 #content .grid-quarter {
        width: 30%
}
    body.OTAGO744632 #content .grid-quarter:nth-of-type(3),
    body.OTAGO744632 #content .grid-quarter:nth-of-type(6){
        margin-right: 0; 
}
    body.OTAGO744632 #content .grid-quarter:nth-of-type(4) {
        margin-right: 4%;
    }
    body.OTAGO744632 #content .grid-quarter img {
        margin: 0 auto;
        margin-top: 15%;
        max-width: 50%;
        width: 100%;
        display: block;
        margin-right: 25%
}
    body.OTAGO744588 #content .tile-box-shadow-container {
        max-width: 97%;
        width: 100%;
    }
    body.OTAGO744588 #content .tile-box-shadow-container .grid-quarter {
        max-width: 97%;
        width: 48%;
        margin-bottom: 25px;
    }
     body.OTAGO744588 #content .tile-box-shadow-container .grid-quarter {
        margin-right: 4%;
    }
    body.OTAGO744588 #content .tile-box-shadow-container .grid-quarter:nth-of-type(2n){
        margin-right: 0;
    }
  
    
}
@media only screen and (max-width: 375px) {
      #content {
    max-width: 97%;
}
    #title h1, body.frontpage #title h1.notopimage {
        background-position: 0 -10px;
        font-size: 33px;
        padding-top: 160px;
        margin: 0 0 15px;
    }
    #wrapper {
        background-position: -50px 30px;
        background-size: 590px;
    }
    body.OTAGO736912 #content {
        max-width: 97%;
    }
    #content h2 {
        font-size: 25pt;
    }
    #content table th {
        font-size: 14px;
        width: 30%;
    }
    #content table td {
        font-size: 14px;
    }
   #content .tile-box-shadow-description {
        width: 97%;
    }
    #content .tile-box-shadow-thumbnail-description.grid-half {
        width: 100%;
    }
    #content .content-button a {
        font-size: 19px;
        border-radius: 40px
    }
    body.OTAGO084869 #content .tile-box-shadow-thumbnail-description {
        width: 100%
    }
    #content article {
        width: 44%;
}
    #content .grid-third.shadow-box {
        width: 100%;
    }
    #content .grid-third.shadow-box {
        margin-right: 0;
    }
     #content div + h2 {
        border-top: 5px dotted #dddddd;
        margin-top: 12px;
        padding-top: 20px;
/*         background-color: red; */
}
      body.OTAGO744632 #content .grid-quarter {
        width: 100%
}
      body.OTAGO744632 #content .grid-quarter img {
        width: 35%;
        margin: 30px; 
}
    
    
}