:root {
    --articlegray:#06c;
    --articlegray: #f4f4f1;
    --dividergray: #8e8e8e;
    --textgray: #333;
    --buttongreen: #00985f;
    --buttongreen_hl: #007741;
    --linkred: #cc0c00;
    --errorred: #ff0000;
    --linkhover: #52bbb5;
    --bannerblue: #ccecf4;
    --historypink: #ffc3bc;
    --sitebg: #eee;
    --black: #000;
    --white: #fff;
    --nomeneered: #FEE3D5;
    --disbledgray: #727475;
    --oklightgreen: rgba(24, 161, 109, 0.25);
    --oklightblue: #CCECF4;
    --oklightred: #FEE3D5;
}

.fg-red{
    color: var(--linkred);
}

body {
    font-family: "OkRegular";
    background: var(--sitebg);
    line-height: 1.42857143;
    font-size: 1.25rem;
    color: var(--textgray);
}

h1 {
    font-family: "OkBold";
    font-size: 3.5rem;
}

h2 {
    font-family: "OkBold";
    font-size: 3rem;
}

h3 {
    font-family: "OkBold";
    font-size: 2.5rem;
}

h4 {
    font-family: "OkBold";
    font-size: 2rem;
}

h5 {
    font-family: "OkBold";
    font-size: 1.5rem;
}

h6 {
    font-family: "OkBold";
    font-size: 1rem;
}

p {
    font-size: 1rem;
}

button {
    width: 100%;
    background: var(--buttongreen);
    padding: 0.5rem;
    border-radius: 0px;
    border: 0px;
    color: var(--sitebg);
    font-family: "OkBold";
}



button:hover {
        cursor: pointer;
        background: var(--buttongreen_hl);
    }

    button:active {
        background: var(--buttongreen_hl);
    }

    button:disabled {
        cursor: default;
        background: var(--disbledgray);
    }


a {
    color: var(--linkred);
    text-decoration: none;
}
 a:hover, .a-button :hover {
        color: #fff !important;
        text-decoration: underline;
    }


    .bg-grey {
        background-color: var(--articlegray) !important;
    }
    
    .btn {
        border-radius: 0px !important;
    }
    

.bg-color-lightblue{
	background-color: var(--oklightblue);
}
.bg-color-lightgreen {
	background-color: var(--oklightgreen);
}

.bg-color-lightred {
	background-color: var(--oklightred);
}
.bg-color-lingon{
    background-color: rgb(200,14,30);
}

.bg-color-hjortron{
    background-color: rgb(230,181,99);
}

.bg-color-mossa{
    background-color: rgb(101,118,118);
}

.fg-color-white{
color:#fff !important;
}
.box {
	padding: 2.938rem 30px 0 31px;
	min-height: 234px;	
}

.h2-box {
    font-weight:900  !important;
	font-size: 28px;
	line-height: 30px;
	text-align: center;
	margin-bottom: 1rem;
	margin-right: 0.25rem;
	min-width: 277px
}
.text2 {
	/* // font-family: 'CircularRegular'; */
	font-style: normal;
	font-weight: 400;
	font-size: 15px;
	line-height: 16px;
	/* or 16px */
	text-align: center;
	margin-bottom: 1.75rem;
}
.text-link {
	text-align: center !important;
}

.imageval3{
    background-size: 100%;
    height: 192px; /*426px;*/
    width: 100%;
    background-size: cover !important;
       background-size: cover;
   background-position:center; 

}


h5, p {
text-align: center;
}

.frontpage-parahraph {
    font-size: 1.5rem;  
}

.article {
	margin: 0 !important;	    
	min-height: 200px !important;
	min-width: 282px;
	
    text-align: left !important;
}

.frontpage-paragraph h1{
    color: var(--buttongreen);
    font-weight: bold;
}

.frontpage-paragraph a{
    color: var(--linkred);
    text-decoration: none;
}


/* Medium devices (landscape tablets, 768px and up) */
@media only screen and (min-width: 768px) {

    h5, p {
        text-align: left;
        }
        

    .box {
        padding: 4.375rem 1.8rem 0 1.6rem;
        min-height: 300px;
    }

.h2-box {
	font-size: 36px !important;
    font-weight:900  !important;
	line-height: 107.5%;
	text-align: left;
	margin-bottom: 1rem;
	margin-right: 2.25rem !important;
}

.text2 {
	font-size: 16px;
	line-height: 19px;
	text-align: left;
	margin-bottom: 1.75rem;
}

.text-link {
	text-align: left !important;
}

.imageval3{
    background-size: cover;
    
}

.article {
	margin: 0 !important;
    margin-top:1rem !important;

	margin-left: 2.625rem;
	margin-right: 2.25rem;
	min-height: 275px !important;
	max-width: 882px !important;
	margin-left: 6rem !important;
	margin-right: 6rem !important;
}
}