/* ================== Display to screen width larger than 608px =================== */

@media screen and (min-width: 608px) {

  /* ================================== Grid System ================================== */
  
  /* Clearfix to apply to floating columns */
  .grid:after {
    content: '';
    display: block;
    clear: both
  }
  [class*="col-"] {
    float: left;
  }
  .col-1-10 {
    width: 10%;
  }
  .col-1-5 {
    width: 20%;
  }
  .col-1-4 {
    width: 25%;
  }
  .col-3-10 {
    width: 30%;
  }
  .col-1-3 {
    width: 33.33%;
  }
  .col-2-5 {
    width: 40%;
  }
  .col-half {
    width: 50%;
  }
  .col-3-5 {
    width: 60%;
  }
  .col-2-3 {
    width: 66.66%;
  }
  .col-7-10 {
    width: 70%;
  }
  .col-3-4 {
    width: 75%;
  }
  .col-4-5 {
    width: 80%;
  }
  .col-9-10 {
    width: 90%;
  }
  .col-full {
    width: 100%;
  }

  .iam_wrap {
    width: 10%;
  }

  .col-search-sizing,
  .col-logo-sizing {
    width: 100%;
  }

}

@media screen and (min-width: 791px) {

.col-iam_selectors {
    width: 30%;
    padding-right: 40px;
  }

  .col-iam_options {
    width: 70%;
  }

  .col-news-wrapper {
    width: 70%;
  }

  .col-sidebar-wrapper {
    width: 30%;
  }

  .col-quarter-change {
    width: 25%;
  }

  .col-three-quarter-change {
    width: 75%;
  }

  .col-search-sizing,
  .col-logo-sizing {
    width: 50%;
  }
  
}


@media screen and (max-width: 608px) {
   .iam_wrap {
    width: 10%;
    float:left;
   }
   .col-iam_name {
    width: 90%;
    float:left;
   }
}