@font-face {
   font-family: BwGradual;
   src: url("fonts/BwGradualDEMO-Light.otf") format("opentype");
}
@font-face {
   font-family: BwGradual;
   font-weight: bold;
   src: url("fonts/BwGradualDEMO-Bold.otf") format("opentype");
}
body {
   font-family: 'BwGradual', serif;
}
h1, h2 ,h3 {
   font-weight: bold;
}

a:link, a:visited, a:active  { text-decoration: none; color: black; font-weight: bold }


a:hover { text-decoration: underline; }

.footer {
   background-color: black;
   padding: 1em 0 1em 0;
   margin-top: 2em;
}

.footer li {
   font-size: 0.9em;
}

.header {
   background-color: #99d0f2;
   padding: 1em 0 1em 0;
   margin-bottom: 2em;
}

.navigationRow {
   padding-bottom: 2em;
   padding-top: 2em;
}

.btn-primary {
   background-color: #3cd23d;
   border-color: #3cd23d ;
}
.btn-primary:hover, .btn-primary:focus {
   border-color: #1E663D ;
   background-color: #1E663D ;
}


.bg-evenItem {
   background-color: rgba(174, 232, 243, 0.1);
}

.bg-selected {
   background-color: rgba(243, 174, 223, 0.53);
}

.bg-selected IMG.activityImage {
   transform: rotate(3deg);
}

.headerLogo {
   max-height: 60px;
}

@media (min-width: 768px) {
   .headerLogo {
      max-height: 80px;
   }
}