_header.scss

@import "../helpers/mixins";
@import "../helpers/variables";
@import "../helpers/functions";
//
// Header
// --------------------------------------------------

#header-logos {
  padding: 0 15px;
  width: 100%;
  float: left;
  height: 150px;
  line-height: 150px;

  .dep-logo {
    float: left;
    width: 60%;
    height: inherit;

    img {
      max-width: 100%;
      max-height: inherit;
    }
  }

  .osu-logo {
    float: right;
    width: 30%;
    height: inherit;
    text-align: right;

    img {
      max-width: 100%;
      max-height: inherit;
    }
  }

  @media (max-width: 768px) {
    display: none;
  }

}

#header-logos-mobile {
  display: none;
  text-align: center;

  .dep-logo {
    width: 100%;
    height: inherit;

    img {
      margin: 0 0 30px;
      max-width: 100%;
      max-height: inherit;
    }
  }

  .osu-logo {
    width: 100%;
    height: inherit;

    img {
        margin: 20px 0 30px;
        max-width: 100%;
        max-height: inherit;
    }
  }

  @media (max-width: 768px) {
    display: block;
  }
}

.logo2 {
  margin-top: 5px;
}



// --------------------------------------------------

//## Search Form.

.search-block-form {
  display: none;
  width: 50%;
  float: right;

  .input-group {
    width: 100%;

    .form-control:first-child {
      border-bottom-right-radius: 4px;
      border-top-right-radius: 4px;
    }
  }

  .button {
    display: none;
  }

  .help-block {
    display: none;
  }

  @media (max-width: 768px) {
    width: 100%;
    padding: 15px 10px 0px;
    background: #373535;
    margin: 0px 0px 10px;
  }
}

.search-icon {
  float: right !important;
  cursor: $point;

  .active-search {
    min-height: 40px;
  }

  @media (max-width: 768px) {
    display: none;
  }
}

.search-icon-mobile {
  display: none;
  float: right;
  font-size: 24px;
  margin: 5px 15px;

  a {
    color: $white;
  }

  @media (max-width: 768px) {
    display: block;
  }
}