/* style.css */

.montserrat-<uniquifier> {
  font-family: "Montserrat", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

body {
    font-family: "Montserrat", sans-serif;
    margin: 0;
    padding: 0px 60px;
	padding-top: 80px;
    background-color: #fff;
}

header {
    background-color: #fff;
    color: #000;
    height: 80px;
    position: fixed; /* Gör headeren position fixed */
    top: 0; /* Placera den längst upp */
    width: 100%; /* Bredden ska vara 100% av fönstret */
	z-index: 1;
}

#logoHeader{
	padding-top: 26px;
	width: 80px;
}

h1 {
    margin: 0; /* Ta bort marginaler som standardmarginalen */
    flex-grow: 1; /* Låt h1 expandera så att det centreras vertikalt */
}

nav {
    position: absolute;
    top: 50%; /* Centrera vertikalt */
    right: 120px; /* 60px från höger */
    transform: translateY(-50%); /* Justera vertikalt centrering */
}

nav ul {
    list-style-type: none;
    padding: 0;
    margin: 0;
    display: flex; /* Använd flexbox */
	align-items: center; /* Centrera vertikalt */
}

nav ul li {
    margin-right: 40px;
}

nav ul li:last-child {
    margin-right: 0; /* Ta bort marginal för sista länken */
}

nav ul li a {
    color: #000;
    text-decoration: none;
}

main {
    background-color: #E6E9EF;
	padding-top: 100px;
    display: flex; /* Använd flexbox */
    justify-content: center; /* Centrera innehållet horisontellt */
    align-items: center; /* Centrera innehållet vertikalt */
    flex-direction: column; /* Lägg till en kolumnlayout */
    min-height: 100vh; /* Sätt minsta höjd till 100% av vyhöjden */
}

section {
    margin-bottom: 80px;
    max-width: 1200px; /* Sätt maxbredden för sektionerna */
	height: 700px;
	text-align: center; /* Centrera all text inom section */
}

footer {
    background-color: #fff;
    color: #000;
    padding: 10px;
    text-align: center;
    bottom: 0;
    width: 100%;
}

button {
	padding: 12px 24px;
    border: none;
    background-color: #000; /* Blå färg, kan anpassas efter önskemål */
    color: #fff; /* Vit textfärg */
    border-radius: 50px; /* Hälften av höjden för helt rundade hörn */
    font-size: 16px; /* Textstorlek */
	font-family: "Montserrat", sans-serif;
	transition: box-shadow 0.3s ease; /* Lägg till en övergång för skuggan */
}

button:hover {
    background-color: #323232; /* Mörkare nyans när muspekaren hovrar över knappen */
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); /* Skugga när muspekaren hovrar över knappen */
	cursor: pointer;
}

#startsida{
	align: center;
}

.startsidaText{
	font-size: 62px;
	font-weight: bold;
	padding-bottom: 40px;
	text-align: center;
	max-width: 600px;
}