body {
    padding-top: 6rem;
    font-family: 'Graphik Web', "Graphik-Regular", Arial, sans-serif;
    font-feature-settings: "salt";
    color: #303133;
    background-color: #eff9fb;
}


main.container-md {
    background-color: #fff;
    
   }

#pageheader {
    background-color: #00263a;
    border-bottom: 4px solid #00263a;
    font-family: 'Graphik Web', "Graphik-Regular", Arial, sans-serif;
}
#pageheader .nav-link {
    color: #fff;
}
#pageheader .dropdown-menu .nav-link {
    color: #00263a;
    font-weight: 400;
}

@media screen and (min-width: 768px) {
  body {
    background-image: url("/ir/fi/kojamo/Style/Background");
    background-position: center top;
    background-attachment: fixed;
  }
  main.container-md {
    padding: 2em;
    width: 900px;
  }
}

@media screen and (min-width: 576px) {
  header .navbar-nav .nav-link.active {
    border-bottom: 1px solid #e40046;
  }
}

header .navbar-nav .nav-link.active {
    color: #fff;
    font-weight: 700;
}

h1, h2, h3 {
    color: #00263a;
    font-family: "Graphik-Semibold", Arial, sans-serif;
    font-weight: 600;
}
h1, h2, h3 {
    margin-bottom: 0.5em;
}

.table thead th {
    border-bottom: 2px solid #00263a;
    color: #00263a;
    font-weight: 700;
}

.table .tfoot th, .table .tfoot td {
    border-top: 1px solid #7c878e;
    font-weight: 700;
}

.btn-primary {
  background-color: #e40046;
  border-color: #e40046;
}

.btn-primary:hover {
  color: #00263a;
  background-color: #a4dbe8;
  border-color: #a4dbe8;
}

.btn-outline-primary {
  color: #00263a;
  background-color: #FFFFFF;
  border-color: #00263a;
}

.btn-outline-primary:hover {
  color: #00263a;
  background-color: #a4dbe8;
  border-color: #a4dbe8;
}

.btn-outline-secondary {
  color: #7c878e;
  background-color: #FFFFFF;
  border-color: #7c878e;
}

.btn-outline-secondary:hover {
  color: #FFFFFF;
  background-color: #7c878e;
  border-color: #7c878e;
}

.btn-outline-danger {
  color: #7c878e;
  background-color: #FFFFFF;
  border-color: #7c878e;
}

.btn-outline-danger:hover {
  color: #e40046;
  background-color: #d0d3d4;
  border-color: #e40046;
}

@font-face {
  font-family: "Graphik-Regular";
  src: url("/tiedostot/kojamo_Graphik-Regular-Web.woff");
}
@font-face {
  font-family: "Graphik-Semibold";
  src: url("/tiedostot/kojamo_Graphik-Semibold-Web.woff");
}