@import "./base/reset.css";
@import "./base/typography.css";
@import "./base/layout.css";
@import "./components/buttons.css";

.header {
  background: linear-gradient(90deg, #193276 32.57%, #000e34 100%);
}

.header__inner {
  display: flex;
  flex-flow: row;
  align-items: center;
  justify-content: space-between;
  padding: 24px 0;
}

@media only screen and (max-width: 743px) {
  .ministarstvo-logo {
    max-width: 145px;
    height: 48px;
    object-fit: contain;
  }

  .eu-logo {
    height: 36px;
    width: 147px;
    object-fit: contain;
  }
}

@media only screen and (min-width: 744px) {
  .header {
    position: absolute;
    z-index: 9;
    width: 100%;
    top: 0;
    left: 0;
  }

  .header__inner {
    gap: 40px;
  }
	

	.eu-logo {
		height: 40px;
		width: auto;
	}
}