/* Fonts */
body {
  width: 100%;
  min-width: 100%;
  *zoom: 1;
}
body:before, body:after {
  content: "";
  display: table;
}
body:after {
  clear: both;
}

@media all and (min-width: 0px) {
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 100%;
  }
  .header-layout:before, .header-layout:after {
    content: "";
    display: table;
  }
  .header-layout:after {
    clear: both;
  }
  .header-layout .region--header-left {
    display: block;
    position: relative;
    clear: none;
    width: 31.25%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 31.1458333333%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    min-height: 1px;
    width: 100%;
    margin-bottom: 0;
  }
  .header-layout .region--header-center {
    display: block;
    position: relative;
    clear: none;
    width: 31.25%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 31.1458333333%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    min-height: 1px;
    width: 100%;
    margin-bottom: 0;
  }
  .header-layout .region--header-right {
    display: block;
    position: relative;
    clear: none;
    width: 31.25%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 31.1458333333%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    min-height: 1px;
    width: 100%;
    margin-bottom: 0;
  }
  .header-layout .region--header {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
  .header-layout .region--menus {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 100%;
  }
  .core-layout:before, .core-layout:after {
    content: "";
    display: table;
  }
  .core-layout:after {
    clear: both;
  }
  .core-layout .region--highlighted {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 100%;
  }
  .main-layout:before, .main-layout:after {
    content: "";
    display: table;
  }
  .main-layout:after {
    clear: both;
  }
  .main-layout .region--content {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 100%;
  }
  .footer-layout:before, .footer-layout:after {
    content: "";
    display: table;
  }
  .footer-layout:after {
    clear: both;
  }
  .footer-layout .region--footer {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
}
@media all and (max-width: 768px) {
  .layout-content {
    padding: 0;
  }
  #block-ynio-theme-branding #logo img {
    width: 140px;
  }

  .node__content .field--name-field-link,
  .node__content .field--name-field-employer,
  .node__content .field--name-field-began,
  .node__content .field--name-field-concluded,
  .node__content .field--name-field-related,
  .node__content .field--name-field-dependencies {
    width: 100%;
  }
  .node__content .field--name-field-examples .field__item h3 {
    left: 0;
  }
  .node__content .field--name-field-examples .field__item code {
    font-size: 0.7em;
    overflow: auto;
  }

  #block-daniellove-site-views-block-networks-block-1 .view-content {
    width: 264px;
  }

  .view-projects .views-row .views-field-title .field-content a,
  .view-child-projects .views-row .views-field-title .field-content a {
    font-weight: bold;
    font-size: 20px;
  }
  .view-projects .views-row .views-field-title .field-content a .views-field-title .field-content,
  .view-child-projects .views-row .views-field-title .field-content a .views-field-title .field-content {
    left: 0;
  }
  .view-projects .views-row:nth-child(odd) .views-field-title .field-content,
  .view-child-projects .views-row:nth-child(odd) .views-field-title .field-content {
    left: 3em;
  }
  .view-projects .views-row:nth-child(even) .views-field-title .field-content,
  .view-child-projects .views-row:nth-child(even) .views-field-title .field-content {
    right: 3em;
  }

  .path-project-drupal-module-formfactorykits .view-child-projects .views-row {
    margin: 0;
  }
  .path-project-drupal-module-formfactorykits .view-child-projects .views-row .views-field-title .field-content {
    left: 0;
    text-align: left;
  }
  .path-project-drupal-module-formfactorykits .view-child-projects .views-row code {
    font-size: 0.7em;
    overflow: auto;
  }

  .view-photography .views-col {
    width: 100%;
  }
}
@media all and (min-width: 768px) and (max-width: 1023px) {
  .layout-content {
    padding: 0 20px;
  }
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 100%;
  }
  .header-layout:before, .header-layout:after {
    content: "";
    display: table;
  }
  .header-layout:after {
    clear: both;
  }
  .header-layout .region--header-left {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
  .header-layout .region--header-center {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
  .header-layout .region--header-right {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
  .header-layout .region--header {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
  .header-layout .region--menus {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 100%;
  }
  .core-layout:before, .core-layout:after {
    content: "";
    display: table;
  }
  .core-layout:after {
    clear: both;
  }
  .core-layout .region--highlighted {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 100%;
  }
  .main-layout:before, .main-layout:after {
    content: "";
    display: table;
  }
  .main-layout:after {
    clear: both;
  }
  .main-layout .region--content {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 100%;
  }
  .footer-layout:before, .footer-layout:after {
    content: "";
    display: table;
  }
  .footer-layout:after {
    clear: both;
  }
  .footer-layout .region--footer {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
}
@media all and (min-width: 1024px) and (max-width: 1219px) {
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 1100px;
  }
  .header-layout:before, .header-layout:after {
    content: "";
    display: table;
  }
  .header-layout:after {
    clear: both;
  }
  .header-layout .region--header-left {
    display: block;
    position: relative;
    clear: none;
    width: 31.25%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 31.1458333333%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    min-height: 1px;
    margin-bottom: 0;
  }
  .header-layout .region--header-center {
    display: block;
    position: relative;
    clear: none;
    width: 31.25%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 31.1458333333%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    min-height: 1px;
    margin-bottom: 0;
  }
  .header-layout .region--header-right {
    display: block;
    position: relative;
    clear: none;
    width: 31.25%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 31.1458333333%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    min-height: 1px;
    margin-bottom: 0;
  }
  .header-layout .region--header {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
  .header-layout .region--menus {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 1100px;
  }
  .core-layout:before, .core-layout:after {
    content: "";
    display: table;
  }
  .core-layout:after {
    clear: both;
  }
  .core-layout .region--highlighted {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 1100px;
  }
  .main-layout:before, .main-layout:after {
    content: "";
    display: table;
  }
  .main-layout:after {
    clear: both;
  }
  .main-layout .region--content {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 1100px;
  }
  .footer-layout:before, .footer-layout:after {
    content: "";
    display: table;
  }
  .footer-layout:after {
    clear: both;
  }
  .footer-layout .region--footer {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
}
@media all and (min-width: 1220px) {
  .header-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 1400px;
  }
  .header-layout:before, .header-layout:after {
    content: "";
    display: table;
  }
  .header-layout:after {
    clear: both;
  }
  .header-layout .region--header-left {
    display: block;
    position: relative;
    clear: none;
    width: 31.25%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 31.1458333333%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    min-height: 1px;
    margin-bottom: 0;
  }
  .header-layout .region--header-center {
    display: block;
    position: relative;
    clear: none;
    width: 31.25%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 31.1458333333%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    min-height: 1px;
    margin-bottom: 0;
  }
  .header-layout .region--header-right {
    display: block;
    position: relative;
    clear: none;
    width: 31.25%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 31.1458333333%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    min-height: 1px;
    margin-bottom: 0;
  }
  .header-layout .region--header {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
  .header-layout .region--menus {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .core-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 1400px;
  }
  .core-layout:before, .core-layout:after {
    content: "";
    display: table;
  }
  .core-layout:after {
    clear: both;
  }
  .core-layout .region--highlighted {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .main-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 1400px;
  }
  .main-layout:before, .main-layout:after {
    content: "";
    display: table;
  }
  .main-layout:after {
    clear: both;
  }
  .main-layout .region--content {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }

  .footer-layout {
    display: block;
    margin: 0 auto;
    width: 100%;
    *width: 99.8958333333%;
    *zoom: 1;
    max-width: 1400px;
  }
  .footer-layout:before, .footer-layout:after {
    content: "";
    display: table;
  }
  .footer-layout:after {
    clear: both;
  }
  .footer-layout .region--footer {
    display: block;
    position: relative;
    clear: none;
    width: 97.9166666667%;
    margin-right: 1.0416666667%;
    margin-left: 1.0416666667%;
    *width: 97.8125%;
    *margin-right: 0.9375%;
    *margin-left: 0.9375%;
    float: left;
    margin-bottom: 0;
  }
}