@import url('https://fonts.googleapis.com/css?family=Montserrat|Roboto|Noto+Serif&display=swap');

  body {
    background-image: url(/img/kostelec-orez.jpg);
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center;
    font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
    
  }
  
/* -- PISMA A NADPISY -- */

  h1 {
    font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
  }

  h2 {
    font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
    font-size: 2.0vw;
  }

  h3 {
    font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
  }

  h4 {
    font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
  }

  h5 {
    font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
  }

  h6 {
    font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
  }

  p {
    font-size: 16px;
  }
  
  a { 
    color: #008000;
  }

  hr {
    background-color: #E5EDF7;
  }

  .btn {
    font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
  }

  .serif {

  }
  
  .sans {
    font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
  }

/* HLAVNI BLOK */
    
    .navbar {
      background-color: #fff;
      font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
    }

    .clanek {
      border-style: solid;
      border-width: 1px;
      border-color: #1e5fb9;
      border-radius: 3px;
      background-color: #fff;
      font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
    }
        .clanek p {
          font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
        }

    .row.content {
      height: 100%
    }
    
    .zelena {
      background-color: #008000;
      color: #fff;
      border-radius: 3px;
      padding: 5%;
      font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
    }
      .zelena a {
        color: #fff;
      }

    .zeleneohraniceni {
      background-color: #ffffff;
      font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
      border-style: solid;
      border-width: 1px;
      border-radius: 3px;
      border-color: #008000;
      color: #000;
      padding: 5%;
    }
    
    .modra {
      background-color: #0000A0;
      color: #fff;
      border-radius: 3px;
      padding: 5%;
      font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
    }
      .modra a {
        color: #fff;
      }

    .novinky p {
      font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
    }
    
    /* WCAG 2.0 UPGRADE */
  .btn-success {
    background-color: #008000; 
  }
  .btn-primary {
    background-color: #0000A0;
  }

/* PATICKA */

    footer {
      background-color: #fff;
      font-family: Montserrat, Segoe UI, Roboto, Helvetica, sans-serif;
      color: black;
      padding: 15px;
      line-height: 50px; /* Vertically center the text there */

    }