.header-container{
  width: 87%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  margin-top: 3%;
}

.logo-brandit{
   width:165px;
}

.logo-digitalmedia{
   width:250px;
   margin-top: 3%;
}

@media (max-width: 768px) {
  .header-container {
  width: 85%;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 auto;
  margin-top: 3%;
  }

  .logo-brandit{
    width:100px;
  }
    .logo-digitalmedia{
    width:150px;
    margin-top: 3%;
  }
}