/*********************
CLEARFIXIN'
*********************/
.clearfix {
  zoom: 1; }
  .clearfix:before, .clearfix:after {
    content: "";
    display: table; }
  .clearfix:after {
    clear: both; }

/*********************
TOOLS
*********************/
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/*********************
PADDING
*********************/
/*********************
COLORS
*********************/
/*********************
TYPOGRAPHY
*********************/
.text-left {
  text-align: left; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

/*********************
TRANSITION
*********************/
/* USAGE: @include transition(all 0.2s ease-in-out); */
/*********************
CSS3 GRADIENTS
Be careful with these since they can
really slow down your CSS. Don't overdo it.
*********************/
/* @include css-gradient(#dfdfdf,#f8f8f8); */
/*********************
COLORS
*********************/
.row {
  padding-bottom: 10px; }

.header {
  font-weight: 700; }

.column {
  padding: 3px; }

.desktoponly {
  display: none !important; }

/*
 * LARGER MOBILE DEVICES
 * Landscape phones/portrait tablets
*/
@media only screen and (min-width: 600px) {
  .row {
    display: inline-block;
    width: 48%;
    padding-bottom: 30px; }

  .even .column, .header {
    background-color: #E6E6E6; } }
/*
 * TABLET & SMALLER LAPTOPS
 * Landscape tablets and smaller laptops
*/
@media only screen and (min-width: 768px) {
  .row {
    width: 100%;
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    padding-bottom: 0; }

  .column {
    display: table-cell; }

  .legal_name {
    width: 20%; }

  .trading_name {
    width: 25%; }

  .state {
    width: 4%; }

  .membership {
    width: 13%; }

  .certificate_scope {
    width: 20%; }

  .certification_number {
    width: 8%; }

  .status {
    width: 10%; }

  .desktoponly {
    display: table !important; }

  .mobileonly {
    display: none; } }
/*
 * DESKTOP
 * "Full screen"
*/