@media all {

body {
    font-family:'Avenir Next Condensed';
    background: black;
    width: 100%;
    height: auto;
    cursor: nw-resize;

}

input{
  position: absolute;
  margin-left: 2%;
  margin-top: 1%;

  }

p {
  color: white;
  font-size: 12pt;
  padding-left: 33%;
  padding-right: 33%;
  padding-top: 8%;
  padding-bottom: 15%;
  position: relative;
  float: none;
  text-align: center;


}

button{
  position: relative;
  margin-left: 46%;
  margin-top: 13%;
  cursor: cell;


}

img {

width: 100%;
height: auto;
position: fixed;
display: inline-table;
float: left;

}


@media print {
  @page{
    size: 120mm 160mm;
    }
  @page :left {
    margin-right: .8cm;
    }
    @page :right {
      margin-right: .5cm;
      }

      body {
          font-family:'Avenir Next Condensed';
          background: transparent;
          cursor: nw-resize;
      }

      img {
      margin: 0;
      padding: 0;
      width: auto;
      height: 6cm;
      filter:opacity(100%);
      background: no-repeat;
      position: absolute;
      top:4cm;
      right: 1cm;
      }

      input{
        display: none;
      }

      button{
        font-size: 15pt;
        position: absolute;
        margin-left: 0%;
        margin-top: 0%;
        margin-bottom: 0%;
        cursor: cell;
        left: 1cm;
        top:20cm;
        border: none;
      }

      .demo, p {
        color: black;
        font-size: 10pt;
        padding-left: 0%;
        padding-right: 0%;
        padding-top: 5%;
        padding-bottom: 5%;
        position: absolute;
        float: none;
        text-align: left;
        top:21cm;
        right: 4cm;
        left: 1cm;

      }





    }


}