div#block-webform {
  max-width: 500px;
  margin: auto;
}

div#block-webform .form-item {
    padding-top: 5px;
}

#edit-processed-text {
  display: none;
}

#edit-processed-text-01 {
  margin: 0;
}

@media only screen and (max-height: 500px) {
  div#block-webform .form-item {
    padding-top: 0;
  }
}

div#block-webform .form-actions {
  text-align: center;
  padding-top: 10px;
}


div#block-webform {
    max-width: 500px;
    top: 0;
    position: fixed;
    z-index: 200;
    background: white;
    border: solid 1px #ccc;
    padding: 10px;
    border-radius: 10px;
    margin-left: calc(50vw - 250px);
    margin-top: calc(50vh - 250px);
    transition:2s;
    transform:translateY(-1000px);
}

.show-join-us div#block-webform {
//  display:block;
  transform:translateY(0px);
}

.show-join-us #darken_screen {
   position: fixed;
		background: rgba(0,0,0,0.7);
		z-index: 150;
		height: 100vh;
    width: 100vw;
}

#views-exposed-form-our-work-block-1 button {
  display:none;
}

@media only screen and (max-width: 1023px) {
  
  div#block-webform {
    max-width: 80vw;
    margin-left: 10vw;
    margin-bottom: 10vh;
  }
  
  input {
  	max-width:300px;
  }
}

.close-form {
  content:"X";
  position:absolute;
  top:  0px;
  right:0px;
  cursor: pointer;
  transform: scale(0.5);
}