/*
    OpenJaw Grid Core Styles
*/
.oj-g {
  letter-spacing: -0.31em; 
}

.oj-g * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Optional grid padding
  Usage:
  <div class="oj-g oj-g-pad">
    Grid with outside gutters also
  </div>
*/
.oj-g-pad {
  padding: 10px 0 10px 10px;
}

/* Opera as of 12 on Windows needs word-spacing.
   The ".opera-only" selector is used to prevent actual prefocus styling
   and is not required in markup.
*/
.opera-only :-o-prefocus,
.oj-g {
  word-spacing: -0.43em; }

.oj-g img {
  max-width: 100%; }

@media (min-width: 980px) {
  .oj-visible-phone {
    display: none; }

  .oj-visible-tablet {
    display: none; }

  .oj-hidden-desktop {
    display: none; } }
@media (max-width: 480px) {
  .oj-g > .oj-u,
  .oj-g > [class*="oj-u-"] {
    width: 100%; } }
@media (max-width: 767px) {
  .oj-g > .oj-u,
  .oj-g > [class*="oj-u-"] {
    width: 100%; }

  .oj-hidden-phone {
    display: none; }

  .oj-visible-desktop {
    display: none; } }
@media (min-width: 768px) and (max-width: 979px) {
  .oj-hidden-tablet {
    display: none; }

  .oj-visible-desktop {
    display: none; } }