* {
    box-sizing: border-box;
}
.row:after {
    content: "";
    clear: both;
    display: block;
}
/* For mobile phones: */
[class*="col-"] {
    width: 100%;
    }
    
@media only screen and (min-width: 600px) {
    /* For tablets: */
    .col-m-1 {width: 8.33%;}
    .col-m-2 {width: 16.66%;}
    .col-m-3 {width: 25%;}
    .col-m-4 {width: 33.33%;}
    .col-m-5 {width: 41.66%;}
    .col-m-6 {width: 50%;}
    .col-m-7 {width: 58.33%;}
    .col-m-8 {width: 66.66%;}
    .col-m-9 {width: 75%;}
    .col-m-10 {width: 83.33%;}
    .col-m-11 {width: 91.66%;}
    .col-m-12 {width: 100%;}
}
       
@media only screen and (min-width: 768px) {
    /* For desktop: */
    .col-1 {width: 8.33%;}
    .col-2 {width: 16.66%;}
    .col-3 {width: 25%;}
    .col-4 {width: 33.33%;}
    .col-5 {width: 41.66%;}
    .col-6 {width: 50%;}
    .col-7 {width: 58.33%;}
    .col-8 {width: 66.66%;}
    .col-9 {width: 75%;}
    .col-10 {width: 83.33%;}
    .col-11 {width: 91.66%;}
    .col-12 {width: 100%;}
    .offset-1 {margin-left: 8.33%;}
    .offset-2 {margin-left: 16.66%;}
    .offset-3 {margin-left: 25%;}
    .offset-4 {margin-left: 33.33%;}
    .offset-5 {margin-left: 41.66%;}
    .offset-6 {margin-left: 50%;}
    .offset-7 {margin-left: 58.33%;}
    .offset-8 {margin-left: 66.66%;}
    .offset-9 {margin-left: 75%;}
    .offset-10 {margin-left: 83.33%;}
    .offset-11 {margin-left: 91.66%;}
    .offset-12 {margin-left: 100%;}

}

[class*="col-"] {
    float: left;
    padding: 15px;
}

html {
    font-family: "Lucida Sans", sans-serif;
}
body {  margin:10px 20px 10px 50px;
	background-color:#b0c4de;
}
.header {
    background-color: #b0c4de;
    color: #000000;
	font-family:lucida handwriting, arial, verdana, serif;    
    padding: 15px;
}

.boks1 {
	padding:25px;
    border: 2px solid blue;
	background-color:#b0c4a0;
	overflow:auto;    
    color: #000000;
	font: 8 px arial;    
    
}

.boks2  {
	height:600;
	border:white;
	background-color:#b0c4de;
	overflow:auto;
	float: right;
}

li {
   display: inline;

   }

a:hover, a:active {
    background-color: #b0c4de;
}
  
ul {
    list-style-type: none;
    background-color:#b0c4a0;
    margin: 0;
    padding: 0;
}

.menu li:hover {
    background-color: #0099cc;
}
img {
     max-width: 100%;
    height: auto;
 }
 h2 {
	font:bold 16px lucida handwriting,  arial, sans-serif;
}
 h3 {
	font:bold 10px arial, sans-serif;
}

 p {
	font: 12px arial, sans-serif;
}