body {
    padding: 10px;
  }
  div{
    padding: 50px;
    border: 1px solid blue;
  }
  table{
    padding: 10px;
  }
  button {
    margin-top: 10px;
    line-height: 40px;
    font-family: AvenirNext-Bold, sans-serif;
    /*font-weight: bold;*/
    /*padding: 0 40px;*/
    font-size: medium;
    background: lightblue;
    border: 2px solid blue;
    min-width: 450px;
  }
  /*button:focus{
    border: 2px solid blue;

  }*/
   /*{
    border: 2px solid grey;
  }*/
  /*button:active{
    border: 2px solid blue;

  }*/
  p{
    width:450px;
    font-family: AvenirNext-Bold, sans-serif;
    /*font-weight: bold;*/
    line-height: 20px;
  }
  select{
    min-width:60px;
    font-family: AvenirNext-Bold, sans-serif;
    font-size: 16px;
    /*font-weight: bold;*/
  }
  @media (hover: hover) and (pointer: fine) {
    /* we are on the desktop (probably)*/
    button:hover {
      border: 2px solid grey;  
    }
    button{
      min-width: 350px;
      font-size: small;
    }
    p{
      width: 350px;
    }

  }