@media only screen and (min-width: 1440px) {
  .tenf-category-grid-text p, p.tenf-small {
    font-size: 14px;
  }
}

@media only screen and (min-width: 1280px) {
  .menu-toggle {
    display: none;
  }
  .main-navigation ul {
    display: block;
  }
}

@media only screen and (max-width: 1450px) {

  .tenf-main, .tenf-medium {
      padding: 0 5px;
  }
}

@media only screen and (max-width: 1280px) {
  header#masthead, footer .site-info {
    padding: 0px 10px;
  }
  footer .site-info {
    flex-direction: column;
    margin-top: 0px;
  }
  footer nav.footer-navigation, footer p.copyright, footer div.site-branding {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
  }
  footer div.site-branding {
    justify-content: center;
    text-align: left;
  }
  header#masthead div.site-branding {
    width: 85%;
  }
  header#masthead nav.main-navigation {
    width: 15%;
    padding-top: 0px;
  }
  button.menu-toggle  {
    margin-top: -20px;
  }

  .menu-primary-menu-container {
    position: fixed;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0.75);
    height: 100vh;
    width: 80%;
    margin-left: -200vw;
    transition: margin 300ms;
    z-index: 999;
    -webkit-transform: translate3d(0,0,1px);
    transform: translate3d(0,0,1px);
  }

  .menu-primary-menu-container #primary-menu {
      text-align: center;
      width: 100%;
      margin: 0;
      position: absolute;
      top: 50%;
      -webkit-transform: translateY(-50%);
      transform: translateY(-50%);
  }

  .toggled .menu-primary-menu-container {
      margin-left: 0;
  }

  .main-navigation li {
      display: block;
      float: none;
      margin: 0 0 20px;
      font-size: 20px;
  }

  .main-navigation li:last-of-type {
      margin-bottom: 0;
  }

  .main-navigation li a {
      color: white;
      font-weight: 400;
  }


  .main-navigation li i {
      color: white;
      font-size: 32px;
  }

  .main-navigation ul ul {
    position: static;
    float: none;
    box-shadow: none;
    background: none;
    text-align: center;
    width: 100%;
  }

  .main-navigation ul ul li {
      margin: 0;
      font-size: 15px;
  }

  .main-navigation ul ul li a {
      font-weight: 700;
  }

  .main-navigation ul ul li:last-of-type a {
      padding-bottom: 0;
  }
}

@media only screen and (max-width: 1185px) {
  div.column-4.tenf-square {
    width: 50%;
  }
}

@media only screen and (max-width: 805px) {
  div.column-4.tenf-square {
    width: 100%;
  }
}

@media only screen and (max-width: 1000px) {
  div.tenf-block {
    padding: 20px;
  }
  div.column-6 {
    width: 100%;
  }
  div.tenf-footer-block {
    margin: 10px 10px 0px 10px !important;
  }
  .tenf-block-container:last-of-type {
    margin-bottom: 0px;
  }

  div.tenf-about-us-banner-extra {
    display: none;
  }

  .post-type-archive-person .tenf-lightbox-slider {
    width: calc(100vw - 20px);
  }
}

@media only screen and (max-width: 800px) {
  div.tenf-project-detail-block {
    width: calc(100% - 30px);
    margin: 3px 15px 7px 15px;
  }
  .tenf-sustainability div[class^="column-"] {
      width: 100%;
  }

  .tenf-sustainability-large {
      display: none;
  }

  .tenf-sustainability-small {
      display: flex;
      margin-top: 40px;
  }
  div.tenf-timeline div.column-1,  div.tenf-timeline div.column-2,  div.tenf-timeline div.column-3,  div.tenf-timeline div.column-4,  div.tenf-timeline div.column-5,  div.tenf-timeline div.column-6,  div.tenf-timeline div.column-7,  div.tenf-timeline div.column-8,  div.tenf-timeline div.column-9,  div.tenf-timeline div.column-10,  div.tenf-timeline div.column-11,  div.column-12 {
    width: 100%;
  }
  .tenf-fun-fact-wrapper {
    position: static;
    width: 100%;
    padding: 40px 40px;
  }
  .tenf-fun-fact.tenf-container {
    position: static;
    width: auto;
  }

  div.tenf-timeline-year-header {
    position: static;
    margin: 0;
    width: 100%;
    border: none;
    text-align: left;
  }

  h1.tenf-timeline-year-banner {
      position: static;
      width: 100%;
      text-align: left;
      padding: 10px 20px;
      display: block;
  }
  /*.tenf-timeline {
    padding: 0px 10px;
  }*/
  .tenf-timeline:after {
      display: none;
  }

  .tenf-fun-fact:before, .tenf-fun-fact.tenf-container:after, h1.tenf-timeline-year-banner:after {
      display: none;
  }
  .tenf-timeline-year:nth-child(even) > .tenf-fun-fact-wrapper {
      left: 0;
  }
  .tenf-project-info, .tenf-project-gallery {
    width: 100%;
    padding: 0px 5px;
    margin: 0px;
  }
  .tenf-fun-fact-wrapper:nth-child(2) {
    margin-top: 0px;
  }
}

@media only screen and (max-width: 600px) {
  header#masthead, footer .site-info {
    padding: 0px;
  }
  #masthead p.site-description {
  	display: none;
  }
  div.column-1, div.column-2, div.column-3, div.column-4, div.column-5, div.column-6, div.column-7, div.column-8, div.column-9, div.column-10, div.column-11, div.column-12 {
  	width: 100%;
  }
  .hide-mobile {
  	display: none !important;
  }
  button.menu-toggle  {
    margin-top: 0px;
  }
  body.scrolled header#masthead {
  	top: 0;
  }
  header#masthead {
  	height: 90px;
  }
  div.site-branding, nav.main-navigation {
  	padding: 0px;
  }
  img.site-logo {
  	margin: 0px;
  }
  h1.tenf-about-us-banner:after, h1.tenf-timeline-year-banner:after {
  	display: none;
  }

  .tenf-project-caption {
    padding: 20px;
  }

  span.tenf-text-divider {display: block;height: 0;opacity: 0;}

  .tenf-main > h1 {
      padding: 0 20px;
  }

  .tenf-category-grid-text {
      margin-top: 20px;
  }

  .tenf-category-grid-text .tenf-button-inverted {
    position: static;
  }

  .tenf-category-grid-item .tenf-category-grid-text {
    height: auto;
  }

  .tenf-block h1 {
    margin-top: 0;
  }

  div.site-info {
    display: block;
    margin-top: 0;
  }

  .footer-address {
    display: none;
  }

  footer#colophon {
    padding-top: 0;
    margin-top: 0;
    padding-bottom: 10px;
  }

  #colophon div.site-branding {
      margin: 20px;
      width: auto;
  }

  #menu-footer-menu {
    margin: 10px 20px;
  }

  p.copyright {
    margin: 20px;
  }

  .footer-navigation {
    width: 100%;
    text-align: left;
    padding: 0;
  }

  #menu-footer-menu li {
    margin: 0 10px 0 0;
  }

  h1.two span::before {
    content: "\A";
    white-space: pre;
  }

  .footer-description .site-description > span.tenf-accent-color:after {
    content: '\A';
    white-space: pre;
  }

  .tenf-about-section {
    padding-left: 20px;
    padding-right: 20px;
  }

  h1.tenf-about-us-banner, div.tenf-about-us-row:nth-child(odd) h1.tenf-about-us-banner {
    margin: 0;
    width: 100%;
    text-align: left;
    padding: 10px 20px;
  }

  .tenf-medium p {
      margin-left: 20px;
      margin-right: 20px;
  }

  div.tenf-about-us-row h1.tenf-about-us-banner:before {
      display: none;
  }

  div.tenf-about-us-row p {
      padding: 20px;
  }

  h1.tenf-about-us-banner {
      position: static;
      width: 100%;
      display: block;
      text-align: left;
      padding: 10px 20px;
  }

  .tenf-milestone p {
      padding-left: 20px;
      padding-right: 20px;
  }

  .tenf-fun-fact.tenf-container:after {
      display: none;
  }

  .tenf-timeline-year {
      padding-top: 0;
  }

  div.tenf-grid-square {
    padding: 0 20px 20px;
  }

  .tenf-lightbox-slider {
      width: 100%;
  }

  .tenf-lightbox-slide .tenf-image {
      max-height: 200px;
  }

  .tenf-lightbox-slide-card {
      font-size: 15px;
  }

  div[class^="tenf-lightbox-arrow-container-"] {
      top: unset;
      bottom: 0;
      background: rgba(0,0,0,0.5);
  }

  ul.tenf-category-nav li {
    display: block;
    background: rgba(0,0,0,0.1);
  }

  ul.tenf-category-nav li a {
    padding: 10px;
    display: block;
  }

  ul.tenf-category-nav li:first-of-type {
      background: none;
      font-weight: 700;
  }

  ul.tenf-category-nav {
      padding-top: 0;
      padding-bottom: 20px;
  }

  main > div.tenf-image, div.tenf-project-slide-image {
    height: 300px;
  }

  main > div.tenf-image, div.tenf-project-slide-image {
    height: 300px;
  }

  .tenf-sustainability-text p {
      padding-left: 20px;
      padding-right: 20px;
  }

  .tenf-sustainability-block {
      margin-left: auto !important;
      margin-right: auto !important;
  }

  .tenf-about-section .tenf-medium p {
    margin-left: 0;
    margin-right: 0;
  }
}

@media only screen and (max-width: 360px) {

    span.business-description {
        font-size: 0.8em
    }

    span.business-name {
        font-size: 1.8em
    }

}