html, body { font-family: 'wp', 'Times', 'Times New Roman', Serif; max-width: 100%; overflow-x: hidden; }
body { margin: 0; padding: 30px; font-size: 16px; line-height: 20px; }
#main { min-width: 30%; margin-left:100px; margin-right:auto; border:0; max-width:300px; margin-top:100px; }
.svgcontainer { padding-bottom: 30px; }
svg {width: 200px; height: auto;}
a {text-decoration: none; color: black;}
a:hover {color: gray;}
@media screen and (max-width: 736px) {#main { margin-top: 60px; margin-left: auto;}}
@media screen and (max-width: 736px) and (orientation: landscape) {#main { margin-top: 40px;}}

@font-face {
    font-family: 'wp';
    src: url('fonts/wp-Regular.eot');
    src: url('fonts/wp-Regular.eot?#iefix') format('embedded-opentype'),
        url('fonts/wp-Regular.woff2') format('woff2'),
        url('fonts/wp-Regular.woff') format('woff'),
        url('fonts/wp-Regular.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

/*@font-face {
    font-family: 'wp';
    src: url('fonts/wp-BoldItalic.eot');
    src: url('fonts/wp-BoldItalic.eot?#iefix') format('embedded-opentype'),
        url('fonts/wp-BoldItalic.woff2') format('woff2'),
        url('fonts/wp-BoldItalic.woff') format('woff'),
        url('fonts/wp-BoldItalic.ttf') format('truetype');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'wp';
    src: url('fonts/wp-Italic.eot');
    src: url('fonts/wp-Italic.eot?#iefix') format('embedded-opentype'),
        url('fonts/wp-Italic.woff2') format('woff2'),
        url('fonts/wp-Italic.woff') format('woff'),
        url('fonts/wp-Italic.ttf') format('truetype');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'wp';
    src: url('fonts/wp-Bold.eot');
    src: url('fonts/wp-Bold.eot?#iefix') format('embedded-opentype'),
        url('fonts/wp-Bold.woff2') format('woff2'),
        url('fonts/wp-Bold.woff') format('woff'),
        url('fonts/wp-Bold.ttf') format('truetype');
    font-weight: bold;
    font-style: normal;
}*/