body {
	background-color: #f0f0f0;
}

h1 {
	font-family: "Lato", sans-serif;
	font-size: 26px;
}

p, li {
	font-family: "Lato", sans-serif;
	font-size: 15px;
	line-height: 1.5em;
}

.lead {
	font-size: 24px;
}

.uppercase {
	text-transform: uppercase;
}

.login-box {
	background-color: white;
	padding: 30px;
	border: 1px solid #e0e0e0;
}

.btn-primary {
	background-color: #00a8c1;
	margin-bottom: 20px;
}

.btn-primary:hover, .btn-primary:active {
	background-color: #bccdc9;
}

.top-banner {
  background-color: #2a524e;
  border-left: 1px solid #4b4b4b;
  border-right: 1px solid #4b4b4b;
  border-bottom: 1px solid #4b4b4b;
}

.page-header{
  margin: 0;
  border: 0;

  height: 110px;    /* eller min-height: 110px */
  display: flex;
  justify-content: center;
  align-items: center;
}

.btn {
	border: none;
}


.mg-bottom {
	margin-bottom: 20px;
}

.fetad {
	font-weight: bold;
}

.border {
	border-bottom: 1px solid #e0e0e0;
	padding-bottom: 20px;
}

@media screen and (max-width:400px) {
		
	.btn-group-lg > .btn, .btn-lg {
		font-size: 14px;	
	}
  .login-links {
    flex-direction: column;
    gap: 20px;
    align-items: flex-start;
  }
}

.login-links {
  display: flex;
  justify-content: center; /* <-- centrera hela raden */
  gap: 100px;              /* 100px mellan bilderna */
  align-items: center;
}

.login-links img {
  max-width: 200px;     /* ändra efter behov */
  height: auto;
  cursor: pointer;
}

.login-links a img {
  transition: transform 0.2s ease, opacity 0.2s ease;
}

.login-links a:hover img {
  transform: scale(1.03);
  opacity: 0.9;
}