@import 'https://fonts.googleapis.com/css?family=Roboto:300,400,500';
    body
      { background-color: white;
        margin: 0 auto;
        max-width: 50em;
        font-family: "Roboto", "Helvetica", "Arial", sans-serif;line-height: 1.5;
        padding: 2em 1em 4em 1em;
        color: #555;
        cursor:default;
      }
	/*header
      {
        background-image: url("/beeld/headerfoto1.png");
        background-position: center middle;
        background-repeat: no-repeat;
        background-size: 100%;
        line-height: 4;
        padding: 18vw 2em 5vw 2em;
        text-align: center;
      } */
    header img
      {width:100%; vertical-align: top; border-width: 1px; border-color: #000;}
        h1,h2,strong {color: #333;}
        h2 {margin-top: 1em;padding-top: 1em;}
        h1.identity{color: #FF9000;font-weight:400;font-size: 2.5em;text-align: center;}
        a {color: #FF9000;}
        a:hover{color:#c26f04;}
        .audioplayer{width:16.5em;}
        .the-odd-one{text-align:center;padding-bottom: 1em;
      }

    @media (max-width: 767px) {
        .audioplayer {width:100%;}
        .the-bold-one{font-weight:600;}
        p{font-size:.9em;}
      }