doneit-web/src/app/shared/header/header.page.scss

@import '~src/function.scss';

.div-top-header{
  margin: 0 em(20px);
  background-color: #0782c9;
  padding-top: em(15px);
  border: 0!important;

  .div-search{
    ion-icon{
      font-size: 45px;
    }
  }
  .div-logo{
    background: transparent;
    width: em(140px);
    justify-content: center;
    display: flex;
  }
  .div-logo img{
    width: 100%;
    margin: 0px auto;
  }
  .div-profile{
    font-size: 45px;
    justify-content: flex-end;
    display: flex;
  }
}

.desktop{
  display: none;
}

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

  .mobile{
    display: none !important;
  }
  .desktop{
    display: block;
  }

}