* {
    box-sizing: border-box;
    font-family: Times New Roman,sans-serif; font-size: 18px
}

h1 { font-family: Times New Roman,sans-serif; font-size: 30px; margin-bottom: 2px; text-align: center; color: goldenrod; }
h2 { font-family: Comic Sans MS,sans-serif; font-size: 25px; margin-bottom: 2px; text-align: center; color: silver; }
h3,h3.xmp,h3.xpl,h3.inf,h3.tip,h3.akt { font-size: 20px; }
h4 { font-size: 15px; }
h5 { font-size: 17px; text-align: center; }

body {
  color: black; 
  background-image: url(images/bktile4.jpg); 
  background-attachment: fixed; 
  font-size: 100.01%;
  font-family: Times New Roman,Arial,sans-serif;
  margin: 0; 
  padding: 0; 
  overflow: auto;
}
.header {
    border: none;
    padding: 15px;
}
.row ul {
    list-style-type: none;
} 
.row ul li {
    list-style-type: none;
}
.row ul a {
  font-weight: bold;
}
.row ul a:link {
  color: blue; 
}
.row ul a:visited {
  color: maroon; 
}
.row ul a:hover {
  color: lime; 
}
.row ul a:active {
  color: goldenrod; 
}
.row::after {
    content: "";
    clear: both;
    display: table;
}
[class*="col-"] {
    float: left;
    padding: 15px;
    border: none;
}
 /* 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%;}
}