:root {
    --colorTheme: #3f7461;
    --colorTheme2: #D9DFDC;
    --colorBlack: #000000;
} 

#headerHead > .navbar-brand {
    font-size: clamp(24px, 2vw, 32px);
font-family: georgia, serif;
}

#headermenulinks > #menulinks > li > .menulink {
    padding: 7.5px 0;
    color: black;
    text-transform: uppercase;
    letter-spacing: 2px;
    margin: 0 1rem;
}

#headermenulinks > #menulinks > .active > .menulink {
    border-bottom: 1px solid;
    font-weight: bold;
}

.kontaktuppg-container a, 
.registerutdrag-container a {
   text-decoration:underline;
   color: var(--colorBlack);
}

form .nav-tabs > li > a {
    color: var(--colorTheme);
}

h2.pageHeadline {
margin-left:0;
font-family: georgia, serif;
}

.article-piccontainer > .article-pic {
    border: none;
    box-shadow: none;
max-width:100px;
width:100%
}

.blogcontainer > .article-piccontainer {
height:auto;
}

.articlerow .col-md-4.blogcontainer .title {
font-family: georgia, serif;
font-size:clamp(24px,2.5vw,32px);
 color: var(--colorTheme);
}

.articlerow .col-md-4.blogcontainer {
   text-align: center;
    background-color: var(--colorTheme2);
    margin: 2rem 1rem;
    border-radius: 15px;
    display: flex;
    flex-direction: column;
    gap: 2rem;
} 

.articlerow .col-md-4.blogcontainer .intro p,
.articlerow .col-md-4.blogcontainer .intro p span {
   text-align:center !important;
   font-size:16px !important;
line-height:140%;
}