body{
      background: rgb(237,10,158);
      background: linear-gradient(180deg, rgba(237,10,158,1) 0%, rgba(237,10,158,1) 0%, rgba(5,6,115,1) 100%);
      text-align: center;
      font-family: antartida-medium;
      margin: 0px;
      padding: 0px;
    }
    header {
      margin: 3rem 0px;
    }

    @font-face {
      font-family: "antartida-medium";
      src: url("fonts/Antartida-Medium.woff") format('woff');
    }

    @font-face{
      font-family: "BlissPro-Regular";
      src: url("fonts/BlissPro-Regular.woff") format('woff');
    }
    h1{
      font-size: 32pt;
      font-family: "antartida-medium";
      color: #f3f3f3;
      padding:0px;
      margin-top:30px;
      width: 100%;
      margin-bottom: 10px;
    }
    p, td {
      font-size: 16pt;
      color: #f3f3f3;
      font-family: BlissPro-Regular;
    }
    td {
      font-size: 16pt;
      color: #f3f3f3;
      font-family: BlissPro-Regular;
    }
    .label {
      display: block;
      font-weight: bold;
      margin-top: 2px;
      height: 8px;
      margin-bottom: 0px;
    }
    input[type='text'] {
      height: 30px;
      line-height: 30px;
      width: 300px;
    }

    input[type='image'] {
      margin-top:20px;
      height: 45px;
      width: auto;
    }

    main, table {
      text-align: left;
      display: inline-block;
      max-width: 768px;
      width: 95%;
    }
    hr { 
      background: #e3a403;
      color: #e3a403;
      padding:0px;
       margin-top: 0;
    }

    a {
      color: #e3a403;
      text-decoration: none;
    }
    .botzImage {
      margin: 0 auto; max-width: 300px; width: 90%;
    }
    .huggingBotzLogo{
      width: 95%; max-width: 768px;
    }

    .talonHaltijaOtsake{
      margin: auto 0;
      padding: 0px;
      background: #e3a403;
      padding: 50px 0px;
    }
    .talonHaltijaMain {
      background: #ccc;
      background: url('gfx/talot.png') !important;
      background-repeat: no-repeat;
      background-position: 50% 0;
      background-size: cover;
    }
    .talonHaltijaMain hr {
      color: #e3a403;
      background: #e3a403;
    }

    img {
      width: 95%;
      max-width: 300px; 
      height: auto;
    }

@media (max-width: 768px) {
  p, td {
    font-size: 18pt; 
    line-height: 1.3; 
  }
  h1 {
    font-size: 24pt;
    max-width: 80%;
  }
  input[type='text'] {
    width: 100%; 
  }
  .botzImage, img {
    max-width: 100%; 
  }
}