@media (max-width: 1350px) {
  .container {
    width: 90%; } }

@media (max-width: 992px) {
  body header .container nav .nav-wrapper .brand-logo {
    margin: 16px 0 0 0 !important;
    left: 60px; }
    body header .container nav .nav-wrapper .brand-logo img {
      width: 120px;
      display: none; }
      body header .container nav .nav-wrapper .brand-logo img.logo-letter {
        display: inline-block;
        margin: 7px 0 0 25px; }
  body header .container nav .nav-wrapper a[href="#open-menu"],
  body header .container nav .nav-wrapper a[href="#close-menu"] {
    display: inline-block;
    position: absolute;
    top: 8px;
    right: 5px;
    color: #000000; }
  body header .container nav .nav-wrapper a[href="#close-menu"] {
    display: none; }
  body header.opened {
    background: #eee;
    color: #000; }
    body header.opened .container nav {
      background: #eee; }
      body header.opened .container nav .nav-wrapper .brand-logo img {
        // display: none;
      }
        body header.opened .container nav .nav-wrapper .brand-logo img.white-logo {
          display: inline-block !important;
          margin: 0 0 0 156px; }
      body header.opened .container nav .nav-wrapper a[href="#open-menu"] {
        display: none; }
      body header.opened .container nav .nav-wrapper a[href="#close-menu"] {
        display: inline-block;
        color: #000; }
      body header.opened .container nav .nav-wrapper #nav-mobile {
        display: block !important;
        position: fixed;
        top: 70px;
        left: 0;
        right: 0;
        bottom: 0;
        background: #fff;
        z-index: 40;
        height: 100%; }
        body header.opened .container nav .nav-wrapper #nav-mobile li {
          display: block;
          width: 100%; }
          body header.opened .container nav .nav-wrapper #nav-mobile li a {
            margin-left: 42px;
            font-size: 20px;
            border-bottom: 1px solid #eee;
            display: block;
            padding-left: 0;
            color: #000; }
          body header.opened .container nav .nav-wrapper #nav-mobile li:last-child a {
            color: #aaa;
            font-size: 16px;
            border-bottom: none;
          }
  body#home header .container nav .nav-wrapper .brand-logo {
    margin: 16px 0 0 0; }
    body#home header .container nav .nav-wrapper .brand-logo img {
      width: 120px; }
      body#home header .container nav .nav-wrapper .brand-logo img.white-logo {
        margin: 0; }
  body#us > .container {
    padding: 0; }
  body#us .header-image .container p {
    display: none; }
  body#us .header-image .container .hover-text p {
    display: inline !important;
  }
  body#us .amber-block .row .col.m2 {
    text-align: center;
    margin: 10px 0; }
    body#us .amber-block .row .col.m2 small {
      font-size: 13px; }
  body#us .floating-text {
    margin: 0;
    padding: 50px 40px;
    font-size: 14px;
    text-align: center;
    width: 100%; }
  body#us .dimensions {
    padding-left: 20px;
    padding-right: 20px; }
    body#us .dimensions p {
      text-align: center;
      width: 100%;
      font-size: 14px; }
  body#us .grid .large-on-small {
    height: 150px !important; }
    body#us .grid .large-on-small .box-image {
      height: 150px; }
  body#us .grid .tiny-on-small {
    width: 50%;
    height: 150px !important; }
    body#us .grid .tiny-on-small .box-image {
      height: 150px; }
  body#us .big-text {
    background-size: 40%;
    font-size: 30px;
    padding: 80px 40px; }
  body#us .team .row {
    margin: 0; }
    body#us .team .row .col {
      padding: 0; }
      body#us .team .row .col .box .text-bottom {
        width: 75%; }
  body #publications-page .header-title {
    background-size: 25%; }
  body #publications-page > .row {
    margin-left: 0;
    margin-right: 0; }
  body #publications-page .box {
    min-height: 400px; }
    body #publications-page .box .row {
      height: auto; }
      body #publications-page .box .row .col.image {
        height: 240px !important;
        margin: 0 !important; }
      body #publications-page .box .row .col:not(.image) {
        height: auto;
        min-height: 380px; }
  body#news > .container, body#publications > .container, body#store > .container {
    margin-top: -20px; }
  body #store-page .header-title {
    background-size: 25%;
    padding: 0 40px; }
    body #store-page .header-title h1 {
      margin-top: 70px;
      line-height: 40px; }
  body #store-page > .row {
    margin: 20px 0; }
    body #store-page > .row .row {
      margin-bottom: 0 !important; }
  body #projects-page .header-title {
    background-size: 30%; }
    body #projects-page .header-title h1 {
      font-size: 32px; }
  body #projects-page .row {
    margin: 0 !important; }
    body #projects-page .row .m8 {
      padding: 0 !important; }
      body #projects-page .row .m8 .row {
        margin: 0 !important; }
        body #projects-page .row .m8 .row .col.m6.l4 {
          padding: .5rem !important; }
  body #project-page > .row {
    margin-left: 0 !important;
    margin-right: 0 !important; }
  body #project-page .project-detail h3 {
    margin: 45px 20px; }
  body #project-page .large-images .image {
    margin-left: 0; }
  body #project-page .large-images .square-image {
    width: 100%;
    margin: 0; }
    body #project-page .large-images .square-image.big-text {
      width: 100%;
      margin: 0; }
  body #project-page .box.floating {
    width: auto;
    margin: -80px 20px 0;
    position: relative; }
    body #project-page .box.floating h3 {
      padding: 10px 10px 40px; }
    body #project-page .box.floating p {
      padding-left: 40px; }
  body #project-page .carousel {
    height: 280px !important; }
    body #project-page .carousel .carousel-item {
      min-height: 280px;
      height: 280px; }
      body #project-page .carousel .carousel-item .image {
        height: 280px; }
  body #project-page .big-text {
    height: 300px;
    margin-bottom: 138px;
    background-position: center 36%; }
    body #project-page .big-text p {
      padding-top: 0;
      font-size: 20px;
      line-height: 1.4rem;
      height: 300px; }
  body #project-page .related .col {
    padding: 0 0 10px 0; }
    body #project-page .related .col .box {
      height: 220px; }
  body .carousel .carousel-item .container {
    padding-left: 25px; }
    body .carousel .carousel-item .container p {
      text-align: left;
      font-size: 20px !important;
      line-height: 30px !important;
      margin: 40px 20px 0 -20px !important; }
      body .carousel .carousel-item .container p small {
        font-size: 15px; }
      body .carousel .carousel-item .container p .home-block-slide {
        text-align: left;
        width: 100%;
        padding: 20px;
        min-width: 240px; }
  body a[href="#prev-slide"],
  body a[href="#next-slide"] {
    display: none; }
  body > .container {
    margin: 0;
    padding: 0 5px;
    width: 100%; }
  body footer {
    margin-top: 20px; }
    body footer .brand-logo {
      display: none; }
    body footer .social-mobile a {
      margin: 0 0 35px 0;
      display: block;
      width: 100%;
      color: #000000;
      text-align: center;
      font-size: 18px; }
      body footer .social-mobile a img {
        width: 45px;
        margin-bottom: 5px; }
    body footer .row {
      margin-top: 35px !important;
      margin-bottom: 0; }
      body footer .row .col {
        margin-bottom: 40px;
        text-align: center; }
        body footer .row .col span {
          text-align: center;
          position: inherit;
          margin-top: 0;
          margin-left: 0; }
        body footer .row .col big a {
          display: block;
          text-align: center; }
        body footer .row .col hr {
          margin: 0 0 40px; }
        body footer .row .col:last-child {
          margin-bottom: 20px; }
  body#projects > .container, body#project-a > .container, body#project-b > .container {
    padding: 0; }
  body#projects footer, body#project-a footer, body#project-b footer {
    margin-top: 18px; } }

@media (max-width: 1092px) {
  body header .container nav .nav-wrapper .rotated-box {
    z-index: -1; }
  body header .container nav .nav-wrapper ul li a {
    padding: 0 15px;
    font-size: 13px; } }

@media (max-width:600px) {
  #us-page small a {
    display: none;
  }
  #us-page .us-content .text-container-right {
    text-align: left;
  }
  #us-page .row {
    margin-left: 0 !important;
    margin-right: 0 !important;
  }
  #us-page .row .col {
    padding-left: 0 !important;
    padding-right: 0 !important;
  }
  #us-page .row .col p,
  #us-page .row .col h3 {
    padding-left: 30px;
    padding-right: 30px;
  }
  #us-page .row .col .box-image + div {
    margin-top: -250px !important;
  }
  #us-page h3 {
    margin-top: 0 !important;
  }
  #us-page .box-image {
    margin-bottom: 40px;
    margin-top: 20px;
  }
}