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


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

School of Physical Education, Sport and Exercise Sciences

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


body {
  background: url(gfx/background.png) center 0px repeat-x;
}
#wrapper {
  background: url(gfx/banner.jpg) right 0px no-repeat;
}
#wrapper:after {
    background: linear-gradient(#ffffff44 50%, #00000088 100%);
  content: '';
    display: block;
    height: 319px;
    opacity: 0.8;
    position: absolute;
    top: 0;
    width: 100%;
} 
.titleinner img {
  display: none;
}
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;
}
.heading-translation {
	color: #888888;
	font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
	font-size: 30px;
    font-weight: 300;
	line-height: 1.2;
	margin-bottom: 14px;
	margin-top: -7px;
	padding-left: 21px;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content table,
#content table th,
#content table td,
#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;
  line-height: 1.6;
}
#content p,
#content ul,
#content ul li,
#content ol,
#content ol li,
#content dl,
#content dt,
#content dd,
#content form,
#content fieldset,
#content legend,
#content label,
#content select,
#content option,
#content textarea,
#content input {
    font-size: 17px;
}
#content li {
  margin-bottom: 3px;
}
#content a {
  transition: all 0.3s ease-out;
}
#title h1 {
  background: url(gfx/title-2021.png) 0 55px no-repeat;
  color: #49847f;
  font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-size: 55px;
  font-weight: 300;
  line-height: 1.25;
  margin: 0 0 0 23px;
  max-width: 650px;
  margin-top: 3px;
    opacity: 1;
  padding: 305px 0 21px 0px;
  position: static;
  text-rendering: optimizeLegibility;
}
#content h1.notopimage {
    max-width: 650px;
}
#content h2 {
  border-bottom: none;
  color: #3c6b67;
  font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
  font-weight: 300;
  font-size: 35px;
  line-height: 1.25;
  margin: 28px 0 14px 0;
  text-rendering: optimizeLegibility;
}
#content div + h2,
#content p + h2,
#content table + h2,
#content ul + h2,
#content ol + h2,
#content dl + h2,
#content form + h2 {
	margin-top: 35px;
}
#content h3 {
    color: #444444;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 23px;
    font-weight: 700;
    letter-spacing: 0.02em;
    margin-bottom: 14px;
    margin-top: 21px;
}
#content h4 {
    color: #333333;
    font-weight: 700;
    line-height: 1.4; 
}
#content p.fullwidthimage.noborder {
  margin-bottom: 14px;
  padding-bottom: 0;
}
#content p.fullwidthimage.noborder img {
  border: 0;
}
#content p.fullwidthimage.noborder + h2:first-of-type {
  margin-top: 0;
}
#content .profile-box {
  background: #f5f5f5;
  border: 1px solid #dddddd;
  padding: 21px 28px;
}
#content .profile-box h4 {
  color: #777777;
  font-style: italic;
  margin-bottom: 21px;
}
#right {
  background-image: none;
}
#right h2 {
  margin-bottom: 7px;
}

/*
*
* Frontpage styles
*
*/

body.frontpage {
    background: url(gfx/background-frontpage.png) center 0px repeat-x;
}
body.frontpage #wrapper {
    background: url(gfx/banner-frontpage.jpg) right 0px no-repeat;
}
body.frontpage #wrapper:after {
    height: 403px;
}
body.frontpage .titleinner::after {   
    background: url(/_assets/_gfx/crest-line-white-left.svg) no-repeat 100px 0;
    background-size: 345px;
    height: 403px;
    content: '';
    margin-left: -142px;
    opacity: 0.1;
    position: absolute;
    top: -36px;
    width: 466px;
    z-index: -1;
}
body.frontpage #title h1 {
    line-height: 1.1;
}
body.frontpage #title h1.notopimage {
    background-position: 0 75px;
    box-sizing: border-box;
    font-size: 40px;
    line-height: 1.25;
    max-width: 100%;
    padding-right: 0;
    padding-bottom: 35px;
    padding-top: 395px;
}
body.frontpage #content hr {
    margin: 0px 0 14px 0;
    padding: 0;
    border-top: 1px solid #e4e4e4;
}
body.frontpage #content {
    box-sizing: border-box;
    display: flex;
    flex-wrap: wrap;
    margin-top: 0;
    min-height: 250px;
    padding-top: 0;
    padding-bottom: 70px;
    width: 100%;
}
body.frontpage #content h2,
.features.news h2 {
    font-size: 35px;
    font-weight: 300;
    font-family: 'Amsi pro condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    color: #32424e;
    line-height: 1.35;
    margin: 0px 0 21px 0;
}
body.frontpage #content #box13 h2 {
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
body.frontpage #content h3 {
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    color: #333333;
    text-rendering: optimizeLegibility;
    padding: 0px 0 21px 0;
    margin-top: 0;
}
body.frontpage #content.otgx .gridthird {
    width: 263px;
    float: left;
    margin-right: 46px;
    margin-bottom: 28px;
}
body.frontpage #content.otgx .gridthird:nth-of-type(8) {
    margin-right: 0;
}

/* Qualification boxes */

body.frontpage #content.otgx .grid-quarter {
    background: #ffffff;
    border: 1px solid #dddddd;
    box-sizing: border-box;
    border-radius: 3px;
    float: left;
    margin-bottom: 70px;
    margin-right: 5.2%;
    margin-top: 28px;
    transition: 0.3s all ease-out;
    width: 29.8%;
}
body.frontpage #content.otgx .grid-quarter:hover {
    background: #49847f;
    box-shadow: 0 0 10px #f5f5f5;
}
body.frontpage #content.otgx .grid-quarter p {
    color: #666666;
    font-size: 13px;
    line-height: 1.4;
    margin: 21px 14px 7px 14px;
    min-height: 65px;
}
body.frontpage #content.otgx .grid-quarter p strong {
    color: #000000;
    font-weight: 400;
}
body.frontpage #content.otgx .grid-quarter:hover p strong {
    color: #ffffff;
}
body.frontpage #content.otgx .grid-quarter:hover p {
    color: #e2fffd;
}
body.frontpage #content.otgx .grid-quarter h2:before {
    background-color: #f9c000;
    content: "";
    display: block;
    margin-bottom: 14px;
    height: 5px;
    width: 37px;
}
body.frontpage #content.otgx .grid-quarter h2 {
    display: block;
    font-size: 20px;
    font-weight: 700;
    line-height: 1.2;
    margin: 0px 7px 28px 14px;
}
body.frontpage #content.otgx .grid-quarter h2 a {
    color: #416ebf;
    display: block;
}
body.frontpage #content.otgx .grid-quarter:hover h2 a {
    color: #ffffff;
}
body.frontpage #content.otgx .grid-quarter h2 a:hover {
    border-bottom: 0;
}
body.frontpage #content.otgx .grid-quarter:nth-of-type(4) {
    margin-right: 0;
}

/* Right hand column (Frontpage) */

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 #pagemetadata {
    clear: both;
    padding-left: 0;
    margin-left: 0;
}

/* Features */

body.frontpage #content.otgx .gridthird.shadow-box {
    box-shadow: 0 5px 14px #f6f6f6;
    border: 1px solid #dddddd;
    border-radius: 4px;
    width: 261px;
    padding-bottom: 14px;
    margin-bottom: 70px;
    min-height: 357px;
    transition: box-shadow 0.2s ease-out;
}
body.frontpage #content.otgx .gridthird.shadow-box:hover {
    box-shadow: 0 0 1px #e4e4e4;
}
body.frontpage #content.otgx .gridthird.shadow-box:nth-of-type(7) {
    margin-right: 0;
}
body.frontpage #content.otgx .gridthird.shadow-box img {
    margin: 0;
    padding: 0;
    border: none;
    border-bottom: 3px solid #F9C000;
}
body.frontpage #content.otgx .gridthird.shadow-box h2 {
    margin: 14px;
    color: #3c6b67;
    font-size: 30px;
}
body.frontpage #content.otgx .gridthird.shadow-box p {
    margin-left: 14px;
    margin-right: 14px;
}
body.frontpage #content.otgx .gridthird.shadow-box a {
    display: block;
    padding-top: 1px;
    border-bottom: none;
}
body.frontpage #content.otgx .gridthird.shadow-box a::before {
    content: '';
    display: inline-block;
    background-image: url(gfx/arrow-blue.svg);
    background-repeat: no-repeat;
    height: 19px;
    padding-left: 7px;
    margin-bottom: -4px;
    width: 19px;
}
body.frontpage #content.otgx hr {
    clear: both;
    display: block;
    border-top: 1px solid #e4e4e4;
    margin-bottom: 28px;
}

/* Promo video */

body.frontpage #content.otgx .promo-video {
    float: left;
    width: 570px;
    margin-right: 46px;
}
body.frontpage #content.otgx .promo-video.shadow-box {
    box-shadow: 0 0 6px #e4e4e4;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    padding-bottom: 7px;
    margin-bottom: 70px;
    min-height: 350px;
    transition: box-shadow 0.2s ease-out;
}
body.frontpage #content.otgx .promo-video h2 {
    float: left;
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    width: 570px;
}
body.frontpage #content.otgx .alumni h2 {
    font-family: 'Amsi pro condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
}
body.frontpage #content.otgx .promo-video.shadow-box p {
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 7px;
    margin-bottom: 0;
}
body.frontpage #content.otgx .promo-video.shadow-box p iframe {
    border-bottom: 3px solid #F9C000;
}
body.frontpage #content.otgx .promo-video.shadow-box p span {
    font-variant: small-caps;
    color: #999999;
    font-weight: 400;
    padding-left: 2px;
    font-size: 12px;
    margin-right: 5px;
    margin-left: 1px;
}

/* Alumni */

body.frontpage #content.otgx .gridthird.alumni {
    margin-right: 0;
    min-height: initial;
}
body.frontpage #content.otgx .gridthird.alumni .shadow-box.alumni img {
    border-bottom: 3px solid #F9C000;
}
body.frontpage #content.otgx .alumni.shadow-box {
    box-shadow: 0 0 6px #e4e4e4;
    border: 1px solid #e4e4e4;
    border-radius: 4px;
    transition: box-shadow 0.2s ease-out;
}
body.frontpage #content.otgx .alumni.shadow-box:hover {
    box-shadow: 0 0 1px #e4e4e4;
}
body.frontpage #content.otgx .shadow-box.alumni p {
    margin-left: 14px;
    margin-right: 14px;
    margin-top: 14px;
    margin-bottom: 0;
}
body.frontpage #content.otgx .shadow-box.alumni img {
    border: 0;
    max-width: 100%;
}
body.frontpage #content.otgx .shadow-box.alumni a {
    display: block;
    border-bottom: none;
    margin-top: 14px;
    margin-bottom: 21px;
}
body.frontpage #content.otgx .shadow-box.alumni a::before {
    content: '';
    display: inline-block;
    background-image: url(gfx/arrow-blue.svg);
    background-repeat: no-repeat;
    height: 19px;
    padding-left: 7px;
    margin-bottom: -4px;
    width: 19px;
}
body.frontpage #content #box9 {
/*     border: solid red 3px; */
    width: 100%;
    margin-top: 20px
}
body.frontpage #content #box9 img {
    border: none;
}
body.frontpage #content #box10 H2 {
    border-top: 5px dotted #999999;
    margin: 35px 0 20px 0;
    padding: 35px 0 0 0;
}

/* Sciences video */

body.frontpage #content .video-container {
    background: #00508F;
    border-top: 21px solid #f9c000;
    border-radius: 3px;
    margin-bottom: 49px;
    padding: 14px 14px 40px 14px;
/*     display:  inline-block; */
/*     display: inline flow-root; */
}
body.frontpage #content .video-container h2{
    border: 0;
    color: #ffffff;
    font-family: 'Amsi Pro Condbold', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 40px;
    font-weight: 700;
    margin-bottom: 14px;
    margin-top: 14px;
    padding-top: 0;
}
body.frontpage #content .video-container h2 strong {
    color: #f9c000;
}
body.frontpage #content .video-container h3,
body.frontpage #content .video-container p {
    color: #ffffff;
    font-family: 'Amsi Pro Condlight', 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-size: 24px;
    font-weight: 300;
    letter-spacing: 0.02em;
    line-height: 1.3;
    margin-bottom: 14px;
}
body.frontpage #content .video-container p:first-of-type {
    color: #f9c000;
}
body.frontpage #content .video-container p:last-of-type {
    margin-bottom: 42px;
}
body.frontpage #content .video-box {
    height: 0;
    padding-bottom: 56.25%;
    position: relative;
    width: 100%;
}
body.frontpage #content .video-box iframe {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
}

/* News & Events */

body.frontpage #content.otgx article {
    float: left;
    width: 186px;
    margin-right: 46px;
}
body.frontpage #content.otgx article:nth-of-type(4n) {
    margin-right: 0;
}
body.frontpage #content.otgx article h3 {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    padding-bottom: 0px;
}
body.frontpage #content.otgx article h3 a {
    border-bottom: none;
}
body.frontpage #content.otgx article .smalltag {
    color: #888888;
    font-style: normal;
    font-size: 11px;
}

/* Feature inner */

#content .feature-inner {
    margin-bottom: 28px;
    background-color: #fbfbfb;
    border: 1px solid #eaeaea;
    border-radius: 3px;
    box-sizing: border-box;
    transition: box-shadow 2s;
}
#content .feature-inner:hover {
    box-shadow: 0 0 6px #e4e4e4;
    transition: box-shadow 3s;
}
#content .feature-inner h3 {
    text-align: center;
    color: #426fbf;
    margin: 0 14px;
    margin-bottom: 14px;
    font-weight: 300;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
}
#content .feature-inner p.fullwidthimage.nocaption {
    margin-bottom: 7px;
}

/* Social media footer */

ul#social_media {
    height: 320px;
}


/*
*
* Retina styles
*
*/

@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-2021@2x.png);
               background-size: 328px;
           }
           body.frontpage #title h1 {
               background-image: url(gfx/title-2021@2x.png);
               background-size: 370px;
           }
}




/*
*
* Landscape styles
*
*/

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    body.frontpage #wrapper {
        background-position: -180px 0px;
    }
    #wrapper {
        background-position: -200px 0px;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
    }
    body.frontpage .titleinner::after {
        display: none;
    }
    #content {
        background-size: 420px;
    }
    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 */

    body.frontpage #content.otgx .gridthird.shadow-box {
        width: 186px;
        box-sizing: border-box;
    }

    /* Video */

    body.frontpage #content.otgx .promo-video {
        width: 414px;
    }

    /* Alumni */

    body.frontpage #content.otgx .gridthird.alumni {
        width: 186px;
        box-sizing: border-box;
    }

    /* Fix breadcrum font-size */

    ul#breadcrumbs li {
        font-size: 10px;
    }

    /* Right hand menu */

    body.frontpage #right {
        width: 186px;
    }
    #right .rightwidget {
        border-top: none;
        padding-right: 0;
    }

    /* News & Events */

    body.frontpage #content.otgx article {
        width: 300px;
        margin-right: 46px;
    }
    body.frontpage #content.otgx article:nth-of-type(2n) {
        margin-right: 0;
    }
}

/*
*
* Portrait styles
*
*/

@media only screen and (max-width: 768px) {
    #wrapper {
        background-position: -400px 0;
    }
    body.frontpage .titleinner::after {
        display: none;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
    }
    body.frontpage #title h1.notopimage {
        background-position: 0 50px;
        padding-top: 320px;
        width: auto;
    }
    body.frontpage {
        background: none;
    }
    body.frontpage #wrapper {
        background: url(gfx/banner-frontpage.jpg) -155px 0px no-repeat;
        background-size: 1200px;
    }
    body.frontpage #wrapper:after {
        height: 322px;
    }
    body.frontpage #content h2 {
        font-size: 24px;
    }

    /* Features */

    body.frontpage #content.otgx .gridthird.shadow-box {
        width: 100%;
        margin-right: 0;
    }
    body.frontpage #content.otgx .gridthird.shadow-box img {
        width: 100%;
    }

    /* Promo video */

    body.frontpage #content.otgx .promo-video {
        width: 100%;
        margin-right: 0;
    }
    body.frontpage #content.otgx .promo-video h2 {
        width: 100%;
    }

    /* Alumni */

    body.frontpage #content.otgx .gridthird.alumni {
        width: 100%;
    }
    body.frontpage #content.otgx .gridthird.alumni .shadow-box.alumni img {
        width: 100%;
    }

    body.frontpage #content.otgx #box1 {
        margin-bottom: 23px;
    }
    body.frontpage #content.otgx .grid-quarter {
        margin-bottom: 23px;
        margin-top: 0;
        width: 47.4%;
    }
    body.frontpage #content.otgx .grid-quarter:nth-of-type(2n+1) {
        margin-right: 0;
    }
    body.frontpage #content.otgx .grid-quarter:nth-of-type(4),
    body.frontpage #content.otgx .grid-quarter:nth-of-type(5) {
        margin-bottom: 70px;
    }

    /* Right hand menu */

    #right {
        border-top: none;
    }
    body.frontpage #right {
        width: 186px;
    }
    #right .rightwidget {
        border-top: none;
        padding-right: 0;
    }

    /* News & Events */

    body.frontpage #content.otgx article {
        width: 100%;
        margin-right: 0;
    }
}

/*
*
* Mobile styles
*
*/

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    #wrapper,
    body.frontpage #wrapper {
        background-position: right 0;
        background-size: 900px;
        background-repeat: repeat-x;
        width: 100%;
    }
    #wrapper:after {
        height: 191px;
    }
    body.frontpage #wrapper:after {
        height: 242px;
    }
    .titleinner {
        width: 92%;
    }
    #title h1,
    body.frontpage #title h1 {
        background-position: 0 10px;
        background-size: 220px;
        font-size: 40px;
        margin-left: 0;
        padding-top: 160px;
        width: 100%;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
    }
    body.frontpage #title h1 {
        margin-left: 0;
        width: 100%;
    }
    body.frontpage #title h1.notopimage {
        font-size: 35px;
        line-height: 1.25;
        padding-top: 220px;
    }
    #content h2 {
        font-size: 32px;
    }
    body.frontpage #content h2 {
        font-size: 22px;
        text-align: left;
    }
    body.frontpage #content.otgx {
        width: 97%;
    }
    body.frontpage #right {
        position: relative;
        top: 0;
    }

    /* Frontpage features */

    body.frontpage #content.otgx .gridthird.shadow-box {
        width: 30%;
        margin-right: 4%;
        min-height: initial;
    }
    body.frontpage #content.otgx .gridthird.shadow-box:nth-of-type(3n+2) {
        margin-right: 0;
    }
    body.frontpage #content.otgx .gridthird.shadow-box img {
        max-width: 100%;
        width: 100%;
    }
    body.frontpage #content.otgx .gridthird.shadow-box h2 {
        float: left;
        font-size: 26px;
        width: 100%;
        margin-top: 14px;
    }

    /* Frontpage alumni (Bad CSS - Clean) */

    body.frontpage #content.otgx .alumni.shadow-box {
        float: left;
    }
    body.frontpage #content.otgx .shadow-box.alumni p {
        width: 47%;
        margin-top: 21px;
    }
    body.frontpage #content.otgx .gridthird.alumni .shadow-box.alumni img {
        width: 100%;
        max-width: 100%;
        border-bottom: none;
    }
    body.frontpage #content.otgx .shadow-box.alumni p.nomargin.nopadding {
        float: right;
    }
    body.frontpage #content.otgx .shadow-box.alumni p a {
        text-align: left;
        padding-left: 0;
    }

    body.frontpage #content.otgx .grid-quarter {
        padding: 0;
    }
    body.frontpage #content.otgx .grid-quarter h2 {
        margin-bottom: 14px;
    }
    body.frontpage #content.otgx .grid-quarter p {
        min-height: auto;
        margin-bottom: 14px;
    }
    body.frontpage #content.otgx .gridthird.shadow-box {
        margin-bottom: 28px;
    }
     body.frontpage #content.otgx .grid-quarter:nth-of-type(4),
    body.frontpage #content.otgx .grid-quarter:nth-of-type(5) {
        margin-bottom: 42px;
    }
}

/*
*
* Small Mobile styles
*
*/

@media only screen and (max-width: 500px) {
    #wrapper {
        background-position: -330px 0;
    }
    body.frontpage #wrapper {
        background-position: -250px 0;
    }
    /* Frontpage features */
    body.frontpage #content.otgx .grid-quarter {
        margin-bottom: 23px;
        margin-right: 0;
        margin-top: 0;
        width: 100%;
    }
    body.frontpage #content.otgx .gridthird.shadow-box {
        width: 100%;
        margin-right: 0;
        min-height: initial;
    }
    body.frontpage #content.otgx .gridthird.shadow-box img {
        max-width: 100%;
        width: 100%;
    }
    body.frontpage #content.otgx .gridthird.shadow-box h2 {
        float: left;
        width: 100%;
        margin-top: 14px;
    }

    /* Frontpage video */

    body.frontpage #content.otgx .promo-video {
        width: 100%;
        margin-right: 0;
    }

    body.frontpage #content.otgx .gridthird.alumni {
        width: 100%;
    }

    /* Frontpage alumni */

    body.frontpage #content.otgx .gridthird.alumni {
        width: 100%;
    }
    body.frontpage #content.otgx .shadow-box.alumni p.nomargin.nopadding {
        width: 100%;
    }
    body.frontpage #content.otgx .shadow-box.alumni p {
        margin-top: 14px;
        width: 91%;
    }
    body.frontpage #content.otgx .gridthird.alumni .shadow-box.alumni img {
        width: 100%;
        max-width: 100%;
        margin-bottom: 14px !important;
        border-bottom: 3px solid #F9C000;
    }
    body.frontpage #content.otgx .shadow-box.alumni a {
        text-align: center;
    }
}