/*! 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; }

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

Information Science BASECAMP CSS

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

body {
  background: url(gfx/background.png) repeat-x 0 0;
}
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;
}
#wrapper {
  background: url(gfx/banner.jpg) no-repeat center 0;
}
#title h1 {
  background: url(gfx/title-2019.png) 21px 105px no-repeat;
  background-size: 320px;
  color: #1f4a8c;
  font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  -webkit-font-variant-ligatures: normal;
  font-variant-ligatures: normal;
  font-weight: 700;
  letter-spacing: -0.01em;
  line-height: 1.05;
  margin-bottom: 14px;
  opacity: 1;
  padding: 370px 0px 14px 23px;
  position: static;
  text-rendering: optimizeLegibility;
}
#title h1.notopimage {
  max-width: 650px;
}
#title p.heading-translation {
    color: #888888;
    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;
}
.titleinner {
  background: url(gfx/tessellations.png) no-repeat 186px -66px;
  padding-bottom: 0px;
  padding-top: 3px;
}
.titleinner img {
  display: none;
}
.titleinner h1 {
  margin-top: 0px;
}
#content h2 {
  border-bottom: none;
  color: #1f4a8c;
  font-size: 38px;
  font-family: 'Amsi pro Condlight', 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: #444444;
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 24px;
  font-weight: 700;
  letter-spacing: 0.02em;
  line-height: 1.2;
  margin-bottom: 14px;
  margin-top: 14px;
}
#content h2 + h3 {
  margin-top: -7px;
}
#content h4 {
  color: #1f4a8c;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.4;
  margin-bottom: 14px;
  margin-top: 7px;
}
#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 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;
}

/* Contact page */

.OTAGO622777 #content table {
  border-top: 1px solid #e4e4e4;
  margin-top: 35px;
}
.OTAGO622777 #content table tr {

}
.OTAGO622777 #content table th {
  background-color: #fafafa;
}
.OTAGO622777 #content table th,
.OTAGO622777 #content table td {
  padding-top: 10px;
  padding-bottom: 10px;
  line-height: 1.5;
}

/* Our people: profile box */

.profile-box {
  background: #fafafa;
  border: 1px solid #dddddd;
  padding: 14px;
  border-radius: 3px;
  box-shadow: 0 0 10px #e9e9e9;
  margin-bottom: 46px;
  box-sizing: border-box;
  overflow: hidden;
}
#content .profile-box img {
  max-width: 25%;
  box-sizing: border-box;
}
#content .profile-box .smalltag {
  font-family: Georgia, Times New Roman, serif;
  font-size: 14px;
  margin-bottom: 21px;
  padding-left: 24px;
  background: url(/_assets/_gfx/qualifications-icon.svg) no-repeat 0 center;
  background-size: 14px;
  color: #333333;
}
#content .profile-box dl {
  clear: none;
  width: 71%;
}
#content .profile-box dd,
#content .profile-box dt {
  border: none;
  padding-bottom: 2px;
}
#content .profile-box dt {
  width: 26%;
  margin-right: 2%;
  font-weight: normal;
  font-family: Georgia, Times New Roman, serif;
  text-align: right;
  color: #888888;
  font-size: 14px;
}
#content .profile-box dd {
  width: 68%;
}

/* Our People page */

.OTAGO622776 .person { width: 100%; height: auto; }

.OTAGO622776 #content h3 {
  clear: both;
  border-top: 1px solid #dddddd;
  padding-top: 21px;
  margin-bottom: 7px;
}
.OTAGO622776 #content dl {
  width: 75%;
  clear: left;
}
.OTAGO622776 #content dt {
  border-top: none;
  padding: 0 0 4px 0;
  font-family: Georgia, Times New Roman, serif;
  font-weight: normal;
  color: #888888;
  width: 17%;
}
.OTAGO622776 #content dd {
  border-top: none;
  padding: 0 0 4px 0;
  width: 82%;
}
.OTAGO622776 #content h3 img {
  margin-bottom: 21px;
  max-width: 100px;
}
.OTAGO622776 #content p.smalltag {
  letter-spacing: 0.05em;
  color: #888888;
  margin-bottom: 21px;
}

#content blockquote {
  background: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-shadow: 0 10px 20px #f5f5f5;
  font-size: 14px;
  margin-bottom: 21px;
  padding: 21px;
  position: relative;
}
#content blockquote:nth-of-type(1):after {
	background: url(/_assets/_gfx/quote-tail.svg) no-repeat center top;
	content: '';
	display: block;
	height: 20px;
	position: absolute;
	width: 20px;
	bottom: -14px;
	left: 14px;
}

/* Events */

.n9336 #content h1 {
  display: none;
}

/* Social links */

a[href*="facebook.com"] {
  background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -292px -60px;
}
a[href*="linkedin.com"] {
  background: url(/_assets/_gfx/sprite-socialmedia-icons.png) no-repeat -196px -155px;
}

.OTAGO743170 #content blockquote {
  border-left: 15px solid #f9c000;
}
.OTAGO743170 #content blockquote::after,
.OTAGO743170 #content blockquote:nth-of-type(1)::after{
    background: url(/_assets/_gfx/quote-tail.svg) no-repeat center top;
    content: '';
    display: block;
    height: 20px;
    position: absolute;
    width: 20px;
    bottom: -14px;
    left: 45px;
}
.OTAGO743170 #content blockquote + p {
  margin-bottom: 70px;
  margin-top: 42px;
}
.OTAGO743170 #content blockquote + p img {
  border-radius: 50%;
  float: left;
  margin-right: 21px;
  max-width: 100px;
  transform: translateY(-21px);
  width: 100%;
}

#right {
  background: none;
}
#right h2 {
  margin-bottom: 14px;
}
#right p,
#right li {
  font-size: 13px;
}


/*-----------------------------------------------

Frontpage */

body.frontpage {
  background: url(gfx/background-frontpage.png) repeat-x 0 0;
}
body.frontpage #wrapper {
  background: url(gfx/banner-frontpage.jpg) center 0px no-repeat;
}
body.frontpage .titleinner {
  background: url(gfx/tessellations.png) no-repeat 186px 0;
}
body.frontpage #title h1.notopimage {
  max-width: 100%;
}
body.frontpage #title h1 {
  background-position: 21px 140px;
  font-size: 49px;
  padding: 440px 0px 0px 23px;
}
body.frontpage #content {
  width: 100%;
  max-width: 882px;
  display: flex;
  flex-wrap: wrap;
}
body.frontpage #content .grid-quarter-shadow-box {
  width: 21%;
  padding-bottom: 21px;
  margin-right: 5.3%;
  margin-bottom: 28px;
  position: relative;
}
body.frontpage #content .grid-quarter-shadow-box:nth-of-type(5) {
  margin-right: 0;
}
body.frontpage #content .grid-quarter-shadow-box:before {
  content: '';
  width: 10px;
  height: 15px;
  background: url(/_assets/_gfx/yellow-arrow-forward-small.svg) no-repeat;
  background-size: 8px;
  position: absolute;
  display: block;
  top: 5px;
  left: -15px;
}
body.frontpage #content .grid-quarter-shadow-box p a {
  font-weight: 600;
}
body.frontpage #content p {
  box-sizing: border-box;
  width: 100%;
}
body.frontpage #content .tile-box-shadow-thumbnail-description.grid-half h2 {
  font-family: 'Amsi Pro Condbold', 'Open Sans',  Helvetica, Arial, sans-serif;
  font-size: 26px;
}
body.frontpage #content .tile-box-shadow-thumbnail-description.grid-half {
  box-shadow: 0 5px 10px #eee, 0 10px 30px #f9f9f9;
  padding-bottom: 21px;
  transition: all 0.3s ease-out;
}
body.frontpage #content .tile-box-shadow-thumbnail-description.grid-half a {
  display: block;
}
body.frontpage #content .tile-box-shadow-thumbnail-description.grid-half:hover {
  box-shadow: 0 2px 5px #eee, 0 5px 5px #f9f9f9;
}
body.frontpage #content h2 {
  border-bottom: none;
  font-size: 33px;
  line-height: 1.2;
}
body.frontpage #content h3 {
  font-family: 'Open Sans',  Helvetica, Arial, sans-serif;
  font-size: 18px;
  line-height: 1.4;
  margin-top: 14px;
}
body.frontpage #content #box2 {
  width: 100%;
}
body.frontpage #content #box2 h2 {
  margin-bottom: 35px;
  margin-top: 35px;
}
body.frontpage #content #box6 {
  margin-bottom: 42px;
  width: 100%;
}
body.frontpage #content a {
  border-bottom: none;
}
body.frontpage #content li {
  list-style-image: url(/_assets/_gfx/arrow-yellow-forward.svg);
}
body.frontpage #content .grid-third {
  border: 1px solid #dddddd;
  border-radius: 3px;
  box-sizing: border-box;
  box-shadow: 0 10px 20px #f9f9f9;
  margin-bottom: 46px;
  margin-right: 5.3%;
  transition: all 0.3s ease-out;
  width: 29.8%;
}
body.frontpage #content .grid-third:nth-of-type(5) {
  margin-right: 0;
}
body.frontpage #content .grid-third:hover {
  border: 1px solid #cccccc;
  box-shadow: 0 0 2px #e4e4e4;
}
body.frontpage #content .grid-third p {
  margin-bottom: 0;
}
body.frontpage #content .grid-third p img {
  margin-left: 0;
  border: none;
  padding: 0;
  width: 100%;
  max-width: 100%;
  margin-bottom: 7px;
  border-radius: 2px 2px 0 0;
  padding: 0;
  box-sizing: border-box;
}
body.frontpage #content .grid-third h3 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 300;
  margin-top: 14px;
  padding: 0 14px 0px 14px;
  position: relative;
}
body.frontpage #content .grid-third h3:before {
  content: '';
  width: 40px;
  height: 3px;
  background: #f9c000;
  display: block;
  position: absolute;
  top: -11px;
  left: 14px;
}
body.frontpage #content article {
  float: left;
  margin-bottom: 35px;
  margin-right: 5.3%;
  width: 29.8%;
}
body.frontpage #content article:nth-of-type(3) {
  margin-right: 0;
}
body.frontpage #content article h3 {
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.5;
}
body.frontpage #content article .smalltag {
  background: url(/_assets/_gfx/calendar-icon-grey.svg) no-repeat 0 3px;
  color: #777777;
  font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-style: normal;
  padding-left: 18px;
}
body.frontpage #content .profile-region {
  width: 100%;
}
body.frontpage #content .profile-region article {
  background: #fafafa;
  border: 1px solid #dddddd;
  border-radius: 3px;
  width: 100%;
  margin-right: 0;
  padding: 14px;
  box-sizing: border-box;
}
body.frontpage #content .profile-region article a {
  float: left;
}
body.frontpage #content .profile-region article img {
  margin-right: 46px;
  width: 249px;
  max-width: 100%;
}
body.frontpage #content .news-section h3,
body.frontpage #content .profile-region article h3 {
  margin-top: 21px;
  margin-bottom: 14px;
  position: relative;
  font-size: 15px;
  font-weight: 400;
}
body.frontpage #content .profile-region article h3 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 25px;
}
body.frontpage #content .profile-region article h3 a {
  
  float: none;
}
body.frontpage #right {
  padding-left: 0;
  background: none;
}

body.frontpage #content #box6.video-container {
  background: url(/_assets/_gfx/tessellations-content-white.png) no-repeat right 0 #285397;
  background-size: 500px;
  padding-top: 0;
  margin-top: 14px;
  margin-bottom: 46px;
}
body.frontpage #content .video-container .video-width-container {
  
  float: left;
  line-height: 0.5;
  width: 65%;
}
body.frontpage #content .video-container .video-width-container iframe {
  width: 100%;
  height: 320px;
}
body.frontpage #content .video-container h3,
body.frontpage #content .video-container p {
  width: 35%;
  float: right;
  padding: 7px 21px;
  margin: 0;
  box-sizing: border-box;
  color: #ffffff;
}
body.frontpage #content .video-container h3 {
  font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 25px;
  font-weight: 700;
  line-height: 1.3;
  margin-top: 21px;
}
body.frontpage #content .video-container p {
  font-size: 13px;
}
body.frontpage #content .video-container p span {
  color: #f9c000;
  font-weight: bold;
  letter-spacing: 2px;
}
body.frontpage #content #box11 {
  margin-bottom: 35px;
}
body.frontpage #content #box12 h3 {
  margin-top: 14px;
}
body.frontpage #content #box7,
body.frontpage #content #box12 {
  border-bottom: 5px dotted #dddddd;
  margin-bottom: 42px;
}



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


/*-----------------------------------------------

Media Queries */

/* Breakpoint media query: 701-1160px */

@media only screen and (min-width: 701px) and (max-width: 1160px) {
    #contentwrapper,
    .topnavinner,
    .titleinner,
    footer.wrapper,
    div.footer_wrapper {
      width: 100%;
      box-sizing: border-box;
    }
    #contentwrapper,
	  .topnavinner,
    footer.wrapper,
    div.footer_wrapper { max-width: 1114px;	}
	  ul#breadcrumbs {
  		width: 100%;
  		max-width: 70%;
  		overflow: hidden;
  		margin-left: 0;
  		padding-left: 232px;
  		box-sizing: border-box;
  	}
    #contentwrapper {
      margin: 0;
      padding: 0;
    }
	  #globalsearch {
		  max-width: 232px;
		  width: 100%;
	  }
  	div#nav_holder {
  		max-width: 100%;
  		width: 100%;
  	}
	  .titleinner {
		  max-width: 100%;
		  padding-left: 232px;
      box-sizing: border-box;
	  }
  	div#nav_wrapper { left: 23px; }
  	#content {
  		width: 78%;
      padding: 12px 0px 46px 252px;
  		box-sizing: border-box;
  	}
  	#right {
  		width: 21.5%;
  		box-sizing: border-box;
  	}
	  body.frontpage #content,
    #content.otgx { max-width: 97%; }
    body.frontpage #title h1.notopimage {
      max-width: 94%;
    }
    body.frontpage #content.otgx {
      max-width: 97%;
    }
}


/* Tablet styles */

@media only screen and (max-width: 1024px) {
  .OTAGO622776 #content .profile-box .smalltag {
    background-position: 0 4px;
  }
  .OTAGO622776 #content .profile-box dl {
    width: 100%;
    border-top: 1px solid #dddddd;
    padding-top: 14px;
  }
  #right form {
    width: 100%;
    box-sizing: border-box;
  }
  #right input {
    width: 97%;
  }
  .OTAGO622776 #content dt {
    width: 30%;
  }
  .OTAGO622776 #content dd {
    hyphens: auto;
    width: 70%;
  }
  body.frontpage #content #box10.video-container {
    background-position: 0 bottom;
    padding-bottom: 14px;
  }
  body.frontpage #content .video-container .video-width-container {
    float: none;
    width: 100%;
  }
  body.frontpage #content .video-container h3,
  body.frontpage #content .video-container p {
    float: none;
    width: 100%;
  }
  body.frontpage #content .profile-region article h3 {
    margin-top: 0;
    margin-bottom: 7px;
  }
}



@media only screen and (min-width: 769px) and (max-width: 1024px) {
  #features {
    width: 650px;
  }
  body.frontpage #wrapper {
    background-position: -250px 0;
  }
  body.frontpage #content.otgx {
    max-width: 882px;
    width: 97%;
  }
  body.frontpage #right {
    width: 100%;
  }
  .OTAGO622776 #content dl {
    width: 65%;
  }
}


@media only screen and (max-width: 870px) {
  #content .profile-box dl {
    hyphens: auto;
  }
  #content .profile-box img {
    max-width: 22%
  }
}


@media only screen and (max-width: 768px) {
  .topnavinner {
    max-width: 98%;
  }
  #globalsearch form input.searchinput {
    width: 80%;
  }
  #wrapper {
    width: 100%;
  }
  body.frontpage #wrapper {
    background: url(gfx/banner-frontpage.jpg) -280px 0px no-repeat;
  }
  #title h1 {
    padding-right: 0;
  }
  body.frontpage #title h1 {
    padding-right: 0;
  }
  body.frontpage #content.otgx {
    max-width: 650px;
  }
  #title ul#breadcrumbs {
    margin-left: 4%;
  }
  #right {
    border-bottom: none;
  }
  .tile-box-shadow, .tile-box-shadow-description, .tile-box-shadow-thumbnail-description {
    hyphens: 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;
  }
  body.frontpage #content .grid-quarter-shadow-box {
    width: 100%;
    margin-right: 0;
    margin-bottom: 14px;
  }
  body.frontpage #content .grid-third h3 {
    font-size: 16px;
    line-height: 1.4;
  }
  body.frontpage #content article {
    width: 100%;
    margin-right: 0;
    margin-bottom: 7px;
  }
  body.frontpage #content .profile-region {
    margin-top: 21px;
  }
  body.frontpage #content .profile-region article a {
    float: none;
  }
  body.frontpage #content .profile-region article img {
    width: 100%;
    max-width: 100%;
    margin-bottom: 0;
  }
  body.frontpage #content .profile-region article h3 {
    margin-top: 14px;
  }
  body.frontpage #right {
    border-top: none;
  }
  #right {
    width: 18%;
    margin-left: 3%;
    border-top: none;
  }
  #right .relatedinfo,
  #right .rightwidget {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
    padding-right: 14px;
  }
  #right .relatedinfo ul li {
    width: auto;
    float: none;
  }
  .OTAGO622776 #content dl { width: 55%; }
  .OTAGO622776 #content dt,
  .OTAGO622776 #content dd { width: 100%;}
  #right form,
  #right fieldset,
  #right .search {
    width: 100%;
    box-sizing: border-box;
    margin-right: 0;
  }
}



@media only screen and (min-width: 701px) and (max-width: 768px) {
  div#nav_holder { left: 0; }
}



/* Mobile styles*/

@media only screen and (max-width: 700px) {
  body,
  body.frontpage {
    background: none;
  }
  #title p.heading-translation {
    margin-top: -6px;
    padding-left: 4%;
  }
  #wrapper,
  body.frontpage #wrapper {
    background: url(gfx/banner.jpg) no-repeat -200px 28px;
    background-size: 900px;
  }
  .titleinner {
    width: 100%;
    background-position: 0 0;
    background-size: 205px;
  }
  body.frontpage .titleinner {
    width: 100%;
    background-position: 0 0;
    background-size: 205px;
  }
  #title h1,
  body.frontpage #title h1 {
    background-position: 21px 61px;
    background-size: 220px;
    font-size: 45px;
    padding: 250px 4% 0 4%;
  }
  .titleinner h1 {
    max-width: 97% !important;
  }
  #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;
  }
  #content .profile-box img,
  #content .profile-box p img,
  #content .profile-box p img[align="right"] {
    max-width: 25%;
  }
  #right {
    width: 91%;
  }
  body.frontpage #content.otgx {
    max-width: 97%;
  }
  body.frontpage #content.otgx .grid-third h3 {
    font-size: 22px;
    hyphens: none; 
    line-height: 1.2;
    margin-top: 0;
    margin-bottom: 14px;
    hyphens: auto;
  }
  body.frontpage #content {
    max-width: 97%;
  }
  body.frontpage #content .tile-box-shadow-thumbnail-description.grid-half {
    margin-bottom: 46px;
    margin-right: 7.2%;
  }
  body.frontpage #content .tile-box-shadow-thumbnail-description.grid-half:nth-of-type(2) {
    margin-right: 0;
  }
  body.frontpage .titleinner {
    padding-bottom: 0;
  }
  body.frontpage #content.otgx .grid-third img {
    float: none;
    margin-bottom: 21px;
  }
  body.frontpage #content .profile-region article img {
    margin: 0;
    float: none;
  }
  body.frontpage #content article h3 {
    margin-top: 0;
  }
  body.frontpage #content .grid-quarter-shadow-box p {
    margin-left: 14px;
  }
  body.frontpage #content .grid-quarter-shadow-box::before {
    left: 0px;
  }
  body.frontpage #content #box12 {
    padding-bottom: 42px;
  }
  body.frontpage #content #box8 {
    padding-bottom: 35px;
  }
  body.frontpage #content #box8 h2 {
    margin-bottom: 35px;
    margin-top: 14px;
  }
}



@media only screen and (max-width: 500px) {
  #wrapper,
  body.frontpage #wrapper {
    background-position: -230px 28px;
  }
}



@media only screen and (max-width: 400px) {
  #content .profile-box p img[align="right"] {
    float: none;
    width: 100%;
    max-width: 100%;
    margin: 0;
    padding: 0;
    border: none;
  }
  #content .profile-box dl,
  #content .profile-box dt,
  #content .profile-box dd {
    width: 100%;
    text-align: left;
  }
  #content .profile-box dd {
    padding-top: 0;
  }
  #content .profile-box dt {
    padding-bottom: 0;
  }
  body.frontpage #content .grid-third {
    width: 100%;
    margin-right: 0;
    margin-bottom: 21px;
  }
  #title h1,
  body.frontpage #title h1 {
    background-position: 21px 45px;
    background-size: 170px;
    padding: 180px 4% 0 4%;
  }
  .titleinner,
  body.frontpage .titleinner {
    background-size: 150px;
  }
  #wrapper,
  body.frontpage #wrapper {
    background-size: 600px;
    background-position: -130px 28px;
  }
  body.frontpage #content h2 {
    font-size: 28px;
    line-height: 1.3;
  }
  body.frontpage #content .grid-third h3 {
    font-size: 22px;
    margin: 14px 0 21px 0;
  }
  body.frontpage #content .video-container .video-width-container iframe {
    height: 200px;
  }
}