@font-face {
    font-family: 'klinic_slab';
    src: url('fonts/klinicslabbook-webfont.woff2') format('woff2'),
         url('fonts/klinicslabbook-webfont.woff') format('woff'),
        url('fonts/klinicslabbook.otf') format('otf');
    
    font-weight: normal;
    font-style: normal;
}
body {
   background-image:url(images/whiteconcretetexture.jpg);
    background-size: auto;
    background-attachment: fixed;
    font-weight: normal;
    margin: 200px;
}
body, paragraph {
    font-family: klinic slab;
}
/* Add a black background color to the top navigation */
.topnav {
  background-color: #F1F1F1;
  overflow: hidden;
  width: 100%;
  position: absolute;
  top: 0;
  right: 0;
}

/* Style the links inside the navigation bar */
.topnav a {
  float: left;
  text-align: center;
  color: #cf1c44;
  padding: 16px 59px;
  text-decoration: none;
  font-size: 25px;
  display: block;
  font-weight: bold;
}

/* Change the color of links on hover */
.topnav a:hover {
  color: #000000;
}
/* Style page content */
.main {
  padding: 0px 10px;
}
/* On smaller screens, where height is less than 450px, change the style of the sidebar (less padding and a smaller font size) */
@media screen and (max-height: 450px) {
  .sidenav {padding-top: 45px;}
  .sidenav a {font-size: 18px;}
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: auto;
}
#logo{
    position: absolute;
    top: 0;
    left: 0;
    padding-top: 30px;
    padding-left: 375px;
}
/* Three image containers (use 25% for four, and 50% for two, etc) */
.column {
  float: left;
  width: 33.33%;
  padding: 5px;
}
/* Clear floats after image containers */
.row:after {
  content: "";
  clear: left;
  display: flex;
  justify-content: space-between;
}
Footer {
  width: 100%;
  background-color: #0b9446;
  position: fixed;
  right: 0;
  bottom: 0;
  height: 8%;
}
.image {
   background-image: url(images/whiteconcretetexture.jpg);
    background-size: cover;  
}