html,body{
  font-size: 14px;
  height: 100%;
}



.page-header{
 min-height: 120px;
 display:flex;
 align-items: center;
 justify-content: center;
 text-align: center;
 flex-direction: column;
 padding: 0 12px;
}
.page-header.darken{
  background-image: linear-gradient(rgba(0, 0, 0, .4), rgba(0, 0, 0, .4));
}
.page-header img{
  max-height: 70px;
  margin: 3em auto;
  max-width:100%;
}


.form-page{
  padding-bottom: 3em;
  width:100%;
}

.form-container{
  width : 85%;
  margin: 0 auto;
}

@media (max-width: 600px) {
  .form-container{
    width: 95%;
  }
}

.form-header,.form-body{
  padding: 3em;
}
@media (max-width: 600px) {
  .form-header,.form-body{
    padding: 3em 1em;
  }
}
.form-body{
  /* margin-top: 3em; */
  color:black;
}



.form-title{
  font-size: 28px;
  margin-bottom: .5em;
}

.form-description{
  font-weight: 300;
}
@media (max-width:500px){
  .form-title,.form-description{
    text-align: center;
  }
}



.bymeetmaps{
  background-color: #424242;
  width:100%;
  height: 100px;
  display: flex;
  justify-content: center;
  align-items: center;
}
.bymeetmaps:hover{
  background-color: #333;  
}


.btn-submit {
  margin: .5em 0;
}

.btn-submit:hover{
  color:white;
}

.btn-upload:hover{
  color: white;
}

.btn-upload.uploaded {
  color: white;
}

.dn{display: none !important;}