@media only screen and (min-width: 768px) {
  .cd-primary-nav-trigger {
    background-color: transparent;
    right: 2.2em;
    top: 50%;
    bottom: auto;
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
    transform: translateY(-50%);
  }
  .cd-primary-nav-trigger .cd-menu-text {
    display: inline-block;
  }
  .cd-primary-nav-trigger .cd-menu-icon {
    left: auto;
    right: 1.5em;
    -webkit-transform: translateX(0) translateY(-50%);
    -moz-transform: translateX(0) translateY(-50%);
    -ms-transform: translateX(0) translateY(-50%);
    -o-transform: translateX(0) translateY(-50%);
    transform: translateX(0) translateY(-50%);
  }
  .cd-intro h1 {
    font-size: 30px;
    font-size: 1.875rem;
  }
}
@media only screen and (min-width: 1170px) {
  .cd-header {
    -webkit-transition: background-color 0.3s;
    -moz-transition: background-color 0.3s;
    transition: background-color 0.3s;
    /* Force Hardware Acceleration in WebKit */
    -webkit-transform: translate3d(0, 0, 0);
    -moz-transform: translate3d(0, 0, 0);
    -ms-transform: translate3d(0, 0, 0);
    -o-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  .cd-header.is-fixed {
    /* when the user scrolls down, we hide the header right above the viewport */
    position: fixed;
    top: 0;
    background-color: transparent;/*rgba(255,255,255, 0.98);*/
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
  }
  .cd-header.is-visible {
    /* if the user changes the scrolling direction, we show the header */
    -webkit-transform: translate3d(0, 100%, 0);
    -moz-transform: translate3d(0, 100%, 0);
    -ms-transform: translate3d(0, 100%, 0);
    -o-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
  }
  .cd-header.menu-is-open {
    background: #000;
  }
  .cd-primary-nav li {
    font-size: 16px;
    font-size: 1rem; /*1.875rem;*/
  }
  .cd-primary-nav .cd-label {
    font-size: 16px;
    font-size: 1rem;
  }
  .cd-intro {
    height: 100%;
    height:100vh;/*700px;*/
  }
  .cd-main-content p {
    font-size: 20px;
    font-size: 1.25rem;
  }
  .cd-section > div {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* Force Hardware Acceleration */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
  }
  [data-hijacking="on"] .cd-section > div {
    position: absolute;
  }
  [data-animation="rotate"] .cd-section > div {
    -webkit-transform-origin: center bottom;
    -moz-transform-origin: center bottom;
    -ms-transform-origin: center bottom;
    -o-transform-origin: center bottom;
    transform-origin: center bottom;
  }
}
@media screen and (min-width: 1600px) {
  body { font-size: 1.25em; }
  .language { font-size: 0.75em; line-height: 6em }
}
@media screen and (min-width: 2100px) {
  body { font-size: 1.5em; }
  .gif { width: 12em; height: 12em; }
}
@media screen and (min-width: 2600px) {
  body { font-size: 1.75em; }
}
@media screen and (min-width: 3800px) {
  body { font-size: 2.25em; }
  #skewed { display: none;}
}
@media screen and (max-width: 1170px) {
}
@media screen and (max-width: 960px) {
  nav { font-size: 0.875em; }
  .language { line-height: 5em }
  #main-image .caption h1 { font-size: 1.25em;}
  .body-left-img,.body-right-img { width: 40%; margin-left: 1em } 
  .body-right-img { margin-left: 0; margin-right: 1em } 
  h1.body-title, .body-text h1 { font-size: 2.75em }
  .space40.desktoponly { height: 1em }
  #top .slide-caption h1 { font-size: 2em; top: 37%; }
  #instafeed a, #gallery a { width: 49%; }
  #instafeed a:nth-child(3n), #gallery a:nth-child(3n) { margin-right: 0.5% }
  #instafeed a:nth-child(2n), #gallery a:nth-child(2n) { margin-right: 0 }
  #news ul li,#social .col-xs-6 { width: 49.5%; margin-right: 1%;}
  #news ul li:nth-child(2n),#social .col-xs-6:nth-last-child(1) {margin-right: 0}
  #news ul li { margin-bottom: 0.4em }
}
@media screen and (max-width: 820px) {
  #achievements li { width: 33.333333333333%; }
  #achievements li:nth-child(4), #achievements li:nth-child(5) { width: 50%;}
  #achievements li:nth-child(4) img, #achievements li:nth-child(5) img { width: 30%;}
  .space40.desktoponly { display: none }
}
@media screen and (max-width: 767px) {
  body { padding-top: 7em }
  nav { display: none }
  .cd-primary-nav-trigger { display: block; }
  .language { float: none; text-align: left; line-height: normal; margin: 1.5em 0; font-size: 1em }
	.cd-primary-nav, .nav-wrapper { padding: 0; text-align: left; float: none; }
  .cd-primary-nav li { display: block; width: 100%; font-size: 1.25em; line-height: 200%; }
  .cd-primary-nav li:after { display: none; }
  #skewed { bottom: -23%}
	.cd-main-content p.case-description { width: 100%; }
  .cd-logo { margin-left: 0 }
  .cd-logo img { max-height: 4.5em }
  #top.inside { height: 300px }
  #top.contact.cd-section .overlay { height: 6em}
  .slash { height: 5.5em }
  h1.body-title, .body-text h1, #news .title-wrapper h1, #libraries .title-wrapper h1 { font-size: 2em; border-bottom-width: 0.25em; }
	.desktoponly { display: none }
	.video-container .caption-container .video-caption h1,
	.cd-main-content h1 { font-size: 2.5em; }
	.cd-main-content h2 { font-size: 1.75em }
	.cd-main-content p { text-align: left }
  #news .title-wrapper { padding: 2em; height: 6em; }
  #news .title-wrapper h1,#libraries .title-wrapper h1 { font-size: 1.75em }
  #libraries .title-wrapper { padding: 1em 2em 0 2em; height: 4em; }
  ul.tabs li{ padding-top: 3em }
  .body-right-img,.body-left-img,.body-text .body-right-img,.body-text .body-left-img,
  .body-text .body-right-img.vert,.body-text .body-left-img.vert { width: 100%; margin: 1em 0; float: none; max-width: none } 
	footer { font-size: 0.75em }
	footer.contact-footer { position: relative }
  #top .slide-caption h1 { font-size: 1.5em; top: 39%; }
}
@media screen and (max-width: 640px) {
  #skewed { display: none; }
	.cd-main-content h1 { font-size: 2.25em; padding-right: 0.5em }
	.cd-main-content h2 { font-size: 1.5em; }
	.cd-main-content p.first { text-align: left; font-size: 1.25em }
  #main-image .caption { position: relative; bottom: auto; margin-top: -0.25em }
  #main-image .caption h1 { font-size: 1em }
  /*#top.contact { height: 50%; height: 50vh; min-height: 220px; }*/
  ul.tabs li{ font-size: 0.9em; padding-top: 4em }
  .slash { height: 6em }
  h1.body-title { margin-top: -1.5em; padding-left: 1em }
  h1.body-title.text-right { padding-left: 0; padding-right: 1em }
  .body-text h1 { font-size: 2em; }
  .body-text { padding: 2em}
  .map { min-height: 20em }
  #map { min-height: 320px }
  #top .slide-caption h1 { font-size: 1.125em; top: 41%; width: 60%; left: 20%; }
  .owl-controls { display: none; }
  #social .col-xs-6 { margin: 0 0 1em; width: 100%; }
  #social .col-xs-6:nth-last-child(1) { margin-bottom: 0}
	footer p { font-size: 1em !important }
	footer { font-size: 0.75em !important; text-align: center; }
	footer .pull-left br { display: none }
	footer .pull-right { margin-top: 1em }
	footer a { display: block }
	footer img { width: 5em; margin-top: 0 !important }
	footer .pull-left, footer .pull-right { float: none; max-width: none; width: 100%; }
  .social { float: none; margin-top: 0.25em; font-size: 1.5em; }
  .language a { padding: 0 1em; }
  #btnAr { margin-left: 1em}
  #instafeed a, #gallery a { width: 100%; margin-right: 0 !important; }
  #news ul li { width: 100%; margin-right: 0%;}
}
@media screen and (max-width: 640px) and (orientation: portrait) {

}
@media screen and (max-width: 480px) {
  ul.tabs li{ font-size: 0.625em; padding-top: 6em }
  h1.body-title, .body-text h1 { font-size: 2em }
  .slash { height: 4em }
  #achievements li h2 { font-size: 1.25em }
  #press-releases a { padding: 2em}
  h1.body-title, .body-text h1,#news .title-wrapper h1, #libraries .title-wrapper h1 { font-size: 1.5em; border-bottom-width: 0.25em; }
}