@import url(https://fonts.googleapis.com/css?family=Open+Sans:300italic,300&subset=latin,latin-ext);
/*! 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: url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff2) format('woff2'), url(/_assets/_fonts/amsipro/amsiprocond-bold-webfont.woff) format('woff'); font-weight: 700; font-style: normal; font-display: swap; }

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

Health Sciences BASECAMP CSS

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

body {
    background: url(gfx/background-inner.png) center 0px repeat-x;
}
#wrapper {
    background: url(gfx/banner-inner.jpg) right 0px no-repeat;
}
.titleinner {
    padding-top: 375px;
    margin-top: 0px;
    background: url(gfx/title.png) 232px 93px no-repeat;
}
.titleinner img {
    display: none;
}
#title h1 {
    padding: 5px 0 14px 0px;
    font-size: 35px;
    line-height: 1.2;
    margin: 0 0 0 23px;
    background: none;
    color: #566348;
    position: static;
    max-width: 627px;
    margin-top: 3px;
    font-family: 'Amsi pro condbold', Helvetica, Arial, Geneva, sans-serif;
    font-size: 60px;
    font-variant-ligatures: normal;
    font-weight: 700;
    letter-spacing: -0.01em;
    line-height: 1.05;
    position: static;
    text-rendering: optimizeLegibility;
}
.titleinner h1 {
    margin-top: 0px;
}
#content h2 {
    padding-bottom: 7px;
    font-size: 28px;
    font-family: 'Open Sans', Helvetica, Arial, Geneva, sans-serif;
    font-weight: 300;
    line-height: 1.3;
    margin-top: 28px;
    text-rendering: optimizeLegibility;
}
#content h2:first-of-type {
    margin-top: 0;
}
#content p + h2:first-of-type {
	margin-top: 28px;
}
#right {
    background-size: 26px 100%;
}

/* Frontpage */

body.frontpage {
    background: url(gfx/background.png) center 0px repeat-x;
}
body.frontpage #wrapper {
    background: url(gfx/banner.jpg) right 0px no-repeat;
}
body.frontpage .titleinner {
    padding-top: 440px;
    background: url(gfx/title.png) 232px 120px no-repeat;
}
body.frontpage #title h1 {
    line-height: 1.3;
}
body.frontpage #title h1.notopimage {
    max-width: 882px;
    font-size: 40px;
    padding-right: 0;
    line-height: 1.2;
}
body.frontpage #content article {
    width: 30%;
    margin-right: 5%;
    float: left;
}
body.frontpage #content article:nth-of-type(3n) {
    margin-right: 0;
}
body.frontpage #content article a {
    border-bottom: none;
}
body.frontpage #content article img {
    width: 100%;
    min-width: 100%;
}
#content .tile-box-shadow-thumbnail-description h2 {
    font-size: 
}
#content .tile-box-shadow-thumbnail-description h2::after {
    display: none;
}
#content .tile-box-shadow-thumbnail-description p:nth-child(1) {
    margin-bottom: 7px;
}
body.frontpage #content h2.news-heading {
    margin-top: 42px;
}
.heading-translation {
    color: #888888;
    font-family: 'Amsi pro condlight', Helvetica, Arial, Geneva, sans-serif;
    font-size: 30px;
    line-height: 1.2;
    margin-bottom: 7px;
    margin-top: -7px;
    padding-left: 21px;
}

/* Tablet styles */

@media only screen and (min-width: 769px) and (max-width: 1024px) {
    #features {
        width: 650px;
    }
    body.frontpage #wrapper {
        background: url(gfx/banner.jpg) -150px 0px no-repeat;
    }
    #wrapper {
        background: url(gfx/banner-inner.jpg) -200px 0px no-repeat;
    }
}

@media only screen and (max-width: 768px) {
	#title h1 {
        padding-right: 0;
    }
    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;
    }

    #wrapper {
        background-position: -300px 0;
        width: 753px;
    }
    .titleinner {
        padding-top: 355px;
        padding-bottom: 0;
        background: url(gfx/title.png) 232px 90px no-repeat;
    }
    body.frontpage #title h1 {
        width: auto;
    }
    #title h1.notopimage {
        max-width: 100%;
        padding-right: 0;
        line-height: 1.2;
    }
    body.frontpage {
        background: none;    
    }
    body.frontpage #wrapper {
        background: url(gfx/banner.jpg) -130px 0px no-repeat;
        background-size: 1200px;
    }
    body.frontpage .titleinner {
        padding-top: 345px;
        background: url(gfx/title.png) 217px 95px no-repeat;
        background-size: 350px;
    }
    body.frontpage #title h1.notopimage {
        line-height: 1.1;
        font-size: 36px;
    }
    #content {
        background-size: 420px;
    }
    body.frontpage #content {
        padding-top: 0;
    }
    body.frontpage #content h2 {
        font-size: 24px;
    }
    body.frontpage #content.otgx {
        width: 418px;
    }
    body.frontpage #content article {
        width: 100%;
        margin-right: 0;
    }
}

/* Mobile styles*/

@media only screen and (max-width: 700px) {
    body,
    body.frontpage {
        background: none;
    }
    #wrapper {
        width: 100%;
        background-position: -350px 0;
        background-size: 900px;
        background-repeat: repeat-x;
    }
    body.frontpage #wrapper {
        width: 100%;
        background-size: 1100px;
        background-position: -325px 0;
    }
    #content {
        background-size: contain;
    }
    body.frontpage #content {
        background: none;
    }
    .titleinner{
        background-position: 0px 53px;
        padding-top: 210px;
        width: 92%;
        background-size: 180px;
    }
    body.frontpage .titleinner {
        padding-top: 305px;
        background-size: 200px;
        background-position: 0px 90px;
    }
    #title h1 {
        font-size: 28px;
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    }
    .titleinner h1 {
        max-width: 100% !important;
        min-width: 186px !important;
    }
    body.frontpage #title h1 {
        margin-left: 0;
        width: 100%;
        text-shadow: 1px 1px 0px #ffffff;
    }
    body.frontpage #title h1.notopimage {
        line-height: 1.2;
        font-size: 28px;
    }
    body.frontpage #content h2 {
        font-size: 22px;
        text-align: left;
    }
    body.frontpage #content.otgx {
        width: 97%;
    }
    body.frontpage #right {
        position: relative;
        top: 0;
    }
}