﻿/*Illustrator gray*/
@media handheld, screen and (max-device-width: 769px), screen and (max-width: 600px) {
  .mobile-only {
    display: block;
  }
  .reset, #site-container, #site-floater, header#site-header, nav#site-nav, .site-logo, .site-panel, .site-sidebar, .site-contactinfo, article.main-article {
    width: 100%;
    margin: 0;
    padding: 0;
    height: auto;
  }
  #site-container, #site-floater, header#site-header {
    background: #fff;
  }
  #site-container {
    background: #ffda00;
    float: left;
  }
  #site-floater {
    width: 96%;
    margin: 2%;
  }
  #site-designLine, #floater-corner, #logo-position {
    display: none;
  }
  nav#site-nav {
    position: inherit;
    top: inherit;
    right: initial;
  }
  nav#site-nav ul {
    width: 100%;
    margin: 15px 0 0 0;
  }
  .site-logo {
    text-align: center;
    padding-top: 15px;
  }
  .site-panel {
    padding-top: 15px;
    display: table;
  }
  .site-sidebar {
    text-align: center;
  }
  .site-sidebar img {
    width: 50%;
    height: auto;
    margin-bottom: 15px;
  }
  .content-pages img {
    width: 33%;
    height: auto;
  }
  .content-pages img:first-child {
    margin-right: 10%;
  }
  .site-contactinfo {
    bottom: 0;
    left: initial;
    margin: 0 auto;
    background-size: cover;
    padding-bottom: 15px;
    text-align: left;
  }
  .site-contactinfo p, .site-contactinfo h1 {
    text-align: left !important;
  }
  article.main-article {
    width: 96%;
    margin: 0 2%;
    padding-bottom: 180px;
  }
  .website-form-main .form-data {
    padding: 0 !important;
  }
  .website-form-main .field-required {
    left: 0 !important;
  }
  .form-data {
    margin-left: 0 !important;
  }
}

@media (max-width: 460px) {
  .site-sidebar {
    display: none;
  }
}

/*# sourceMappingURL=x3Mobile.css.map */