.state_header {
  background-color: #00A3E7;
  box-shadow: 0 1px 12px 0 rgba(55, 55, 55, 0.15);
  padding: 0 7%;
  height: 75px;
  display: flex;
  align-items: center;
  justify-content: space-between; }
  @media (max-width: 767px) {
    .state_header {
      height: 60px; } }
  @media (max-width: 414px) {
    .state_header {
      padding: 0 5%; } }
  @media (max-width: 375px) {
    .state_header {
      height: 55px; } }
  @media (max-width: 360px) {
    .state_header {
      height: 52px; } }
  .state_header__header_logo p {
    margin: 0;
    padding: 0;
    color: white;
    font-size: 10px; }
    @media (max-width: 414px) {
      .state_header__header_logo p {
        font-size: 7px; } }
    @media (max-width: 375px) {
      .state_header__header_logo p {
        font-size: 6.5px; } }
    @media (max-width: 360px) {
      .state_header__header_logo p {
        font-size: 6.1px; } }
  @media (max-width: 414px) {
    .state_header__header_logo img {
      width: 129px;
      height: 21px;
      margin-bottom: -2px; } }
  @media (max-width: 375px) {
    .state_header__header_logo img {
      width: 117px;
      margin-bottom: -4px; } }
  @media (max-width: 360px) {
    .state_header__header_logo img {
      width: 111px;
      height: 21px;
      margin-bottom: -4px; } }
  .state_header__header_button {
    display: flex;
    align-items: center; }
    @media (max-width: 767px) {
      .state_header__header_button {
        display: none; } }
    .state_header__header_button span {
      color: #FFFFFF;
      font-family: greenpal-semibold;
      font-size: 20px;
      padding-right: 20px; }
    .state_header__header_button a {
      color: #FFFFFF;
      font-family: greenpal-semibold;
      font-size: 18px;
      line-height: 22px;
      text-align: left;
      border: 1.5px solid #FFFFFF;
      border-radius: 24.5px;
      width: 102px;
      height: 40px;
      display: inline-flex;
      align-items: center;
      justify-content: center; }