.montserrat {
  font-family: "Montserrat", serif;
  font-optical-sizing: auto;
  font-weight: normal;
  font-style: normal;
}
html body { font-family: 'Montserrat', sans-serif; }
.logo{ max-width: 350px }
header{ background-color: #0D173E; padding: 20px 0; text-align: center; }
header h1 { color: #fff; font-size: 2.5em; margin-top: 25px; }
ul li { margin-bottom: 15px;}
.signature {
    position: relative;
    max-width: 600px;
    height: 200px;
    -moz-user-select: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none;
    border: 2px solid #000;
    margin: 0 auto;
  }
  .signature-reset {max-width: 600px; margin: 0 auto; position: relative;}
  .label-signature { max-width: 600px; margin: 0 auto; display: block; }
  /*img {
    position: absolute;
    left: 0;
    top: 0;
  }*/
  
  .signature-pad {
    position: absolute;
    left: 0;
    top: 0;
    max-width:600px;
    height:200px;
  }

  .photo, .addphoto {
    max-width: 600px;
    height: auto;
    margin: 20px auto;
  
  }
  .photo label { display: block; }
  .photo input[type="file"] { margin: 12px 5px 12px 0px; }
  .w-100 { width: 100%; }

footer{ color: #fff; background-color: #0D173E; text-align: center; height: 60px; padding: 15px 2px; margin-top: 30px; }
.form{ margin-bottom: 50px; }
.form #invoice { max-width: 150px; margin-bottom: 25px;}
.form label[for="date"] { display: none;}
.form #date { border: none;}
.text-right { text-align: right; }
.form .send, a.start { text-align: center; width: 100%; background-color: #0D173E; color: #fff; 
    padding: 10px 20px; border: none; cursor: pointer; margin-top: 50px; font-weight: bold; }
.form .send:hover, a.start:hover { background-color: #FEE800; color: #0D173E; }
a.start { margin-top: 25px !important; margin-bottom: 30px; }
@media (max-width: 520px) {
    .logo {
        max-width: 150px;
    }
    header .container {
        display: block !important;
    }
    h2 { font-size: 1.2rem !important; }
    header h1 {

        line-height: 1;
        font-size: 1.5rem !important;
    }
    footer { font-size: 0.7rem;  }
    .date { font-size: 0.8rem !important; }
}