<style>
@font-face {font-family: GillSans; src: url(/font/GillSans.ttf);}
@font-face {font-family: RobotoMedium; src: url(/font/Roboto-Medium.ttf);}
.pietvislogo
  {
  position: fixed;
  font-family: GillSans, Gill Sans MT;
  }
.pietvis
  {
  top: 0px;
  right: 20px;
  font-size: 54pt;
  color: white;
  text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 24px black;
  cursor: default;
  }
.wwwpunt
  {
  top: 5px;
  right: 167px;
  font-size: 18pt;
  color: white;
  text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 24px black;
  cursor: default;
  }
.puntnl
  {
  top: 5px;
  right: 32px;
  font-size: 18pt;
  color: white;
  text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 24px black;
  cursor: default;
  }
.px
  {
  font-family: RobotoMedium, Roboto-Medium;
  top: 55px;
  right: 35px;
  font-size: 27pt;
  color: #d0c848;
  text-shadow: 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 2px black, 0px 0px 24px black;
  cursor: default;
  }
@media screen and (max-width: 1600px) {
    .pietvis {
        font-size:			36pt;
		}
    .wwwpunt {
        font-size:			12pt;
        top: 2px;
        right: 118px;
		}
    .puntnl {
        font-size:			12pt;
        top: 2px;
        right: 27px;
		}
    .px {
        font-size:			18pt;
        top: 36px;
        right: 29px;
		}
}
@media screen and (max-width: 800px) {
    .pietvis {
        font-size:			27pt;
		}
    .wwwpunt {
        font-size:			9pt;
        top: 2px;
        right: 94px;
		}
    .puntnl {
        font-size:			9pt;
        top: 2px;
        right: 25px;
		}
    .px {
        font-size:			14pt;
        top: 27px;
        right: 27px;
		}
}
</style>