@charset "UTF-8";
@media only screen and (max-width: 1200px) {
    header {
        padding: 1.5em;
    }
    ul.mod-menu.nav.mainmenu li a {
        font-size: 0.875em;
    }
}
@media only screen and (max-width: 1044px) {
    header {
        padding: 1.5em 2em;
    }
    ul.mod-menu.nav.mainmenu li {
        margin-right: 1em;
    }
    #intro {
        padding-top: 150px !important
    }
    .contentmodule.staff .content-item {
        flex-basis: 49%;
        margin-bottom: 1em;
    }
    header {
        padding: 1em;
    }
    .items-leading {
        width: 100%
    }
    h2 {
        font-size: 1.9em;
    }
    .moduletable_language {
        right: 1em
    }
    ul.mod-menu.nav.mainmenu li {
        font-size: 0.875em;
        margin-right: 0.5em
    }
}
@media only screen and (max-width: 930px) {
    html {
        font-size: 100%;
    }
    .row .doctitle {
        display: block;
    }
    .row .downloadbtn {
        padding-bottom: 1em
    }
    .modules {
        background-attachment: scroll;
    }
    .blog.services  .items-row .item-container {
        display: block;
    }
    body {
        font-size: 18px;
    }
    h1 {
        font-size: 2em;
    }
    h2,
    .semanticui-body h2.pagetitle,
    .newsflash .newsflash-item:first-child h2.newsflash-title {
        font-size: 2em;
    }
    .menu-btn {
        display: flex
    }
    nav {
        width: 100%;
        margin: 0;
        padding-top: 10em;
        padding-right: 1em;
        padding-bottom: 1.2%;
        padding-left: 2.4%;
        position: fixed;
        right: -100%;
        top: 0;
        height: 100%;
        background-color: rgba(255,255,255, 0.97);
        z-index: 998
    }
    ul.mod-menu.nav.mainmenu li {
        background-color: transparent;
        box-shadow: none;
        display: block;
        font-size: 1em;
        margin: 0 0 0.5em 2em;
    }
    ul.mod-menu.nav.mainmenu li:hover,
    ul.mod-menu.nav.mainmenu li a,
    ul.mod-menu.nav.mainmenu li.active,
    ul.mod-menu.nav.mainmenu li.active ul li.active a {
        background-color: transparent;
        box-shadow: none;
    }
    ul.mod-menu.nav.mainmenu li ul {
        position: relative;
        background-color: transparent;
        height: auto;
        padding-right: 2em;
        text-align: right;
        width: auto;
    }
    ul.mod-menu.nav.mainmenu li:hover ul {
        height: auto;
    }
    ul.mod-menu.nav.mainmenu li ul li {
        margin-bottom: 0;
        white-space: nowrap;
        display: block;
    }
    #maincontent .blog,
    #maincontent .item-page {
        padding: 1em;
    }
    #upperfooter,
    #lowerfooter  {
        display: block;
    }
    #contact {
        margin-bottom: 1em;
    }
}
@media only screen and (max-width: 600px) {
    h2 {
        font-size: 1.7em;
    }
    #intro div.bgimage {
        background-position: 50% 50%;
    }
    #logobox {
        /* width: 85%; */
        padding: 0.5em
    }
    .items-leading h1 {
        font-size: 2.25em;
    }
    #intro .blog-featured {
        min-height: 100%;
        padding-top: 0px;
        width: 100%
    }
    .com-content-category-blog__item.blog-item .item-container {
        display: block;
    }
    .com-content-category-blog__item.blog-item .item-container .item-image {
        margin-bottom: 1em;
    }
    .com-content-category-blog__item.blog-item .item-container .item-content,
    .com-content-category-blog__item.blog-item .item-container .item-image + .item-content {
        padding-left: 0;
    }
    #team .blog .blog-items.items-leading .blog-item .item-image {
        margin-bottom: 1em;
    }
    .modules {
        padding: 0;
    }
    .itemcontent.float {
        width: 100%
    }
    .modules figure {
        width: 50%;
        margin-right: -2em;
        margin-bottom: 1em;
        margin-left: 2em;
    }
    #news .newsflash {
        margin-left: 0;
        width: 100%;
        padding: 1em
    }
    #news figure.content-image {
        margin: 2em auto;
        position: relative;
        width: 100%
    }
    #news figure.content-image figcaption {
        color: rgba(255, 255, 255, 0.75);
        font-size: 0.875em;
        margin-top: 1em;
        text-align: center
    }
    #picture {
        height: 400px
    }
}
@media only screen and (max-width: 540px) {
    #team .blog .blog-items {
        display: block;
    }
}