@charset "UTF-8";
@media only screen and (orientation: portrait) {
    div#hero div.moduletable.hero.home div#homelogo {
        display: block;
    }
    div#hero div.moduletable.hero.home div#homelogo div#brand-image {
        margin-left: 0;
    }
    div#hero div.moduletable.hero.home div#homelogo div#brand-typo {
        margin: 5% 0 10% 0;
    }
    div#hero div.moduletable.hero.home div#slogan {
        margin-right: 0;
    }
    div#hero div.moduletable.hero.home div#slogan img {
        width: 100%;
    }
}
@media only screen and (max-width: 1200px) {
    header {
        padding: 0.5em 1em 0.25em 1em;
    }
}
@media only screen and (max-width: 1100px) {
    ul.mod-menu.nav.mainmenu li {
        font-size: 2em;
    }
    header #logo img {
        max-height: 70px;
      }
}
@media only screen and (max-width: 1024px) {
    header #logo {
        display: inline-block;
    }
    .menu-btn {
        display: flex
    }
    nav {
        width: 428px;
        margin: 0;
        max-width: 100%;
        padding-top: 6em;
        padding-right: 1em;
        padding-bottom: 1.2%;
        padding-left: 2.4%;
        position: fixed;
        right: -428px;
        top: 0;
        height: 100%;
        background-color: rgba(0,0,0,0.85);
        z-index: 998
    }
    ul.mod-menu.nav.mainmenu li {
        display: block;
        margin: 0 0 0.5em 2em;
    }
}
@media only screen and (max-width: 1023px) {
    .items-leading {
        width: 100%
    }
    h2 {
        font-size: 1.9em;
    }
}
@media only screen and (max-width: 768px) {
    html {
        font-size: 100%;
    }
}
@media only screen and (max-width: 767px) {
    body {
        font-size: 18px;
    }
    h1 {
        font-size: 2em;
    }
    h2,
    .semanticui-body h2.pagetitle,
    .newsflash .newsflash-item:first-child h2.newsflash-title {
        font-size: 2em;
    }
    main.home {
        padding-top: 90px;
    }
}
@media only screen and (max-width: 600px) {
    h2 {
        font-size: 1.7em;
    }
    main.idea div.blog div.blog-items.columns-2,
    main.aboutus div.blog-item div.item-container,
    #lowerfooter {
        display: block;
    }
    main.aboutus div.blog-item div.item-container .item-image {
        margin-bottom: 1em;
    }
}
@media only screen and (max-width: 440px) {
    body {
        font-size: 16px;
    }
    footer {
        font-size: 0.875em;
    }
}