CardinalWP.com responsive form container compiled CSS

cardinalwp_responsive_form_container.css

.bh-sl-container {
  position: relative; 
}
  
.bh-sl-container .bh-sl-form-container {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  background: rgba(86, 25, 18, 0.9);
  margin: 0;
  padding: 15px 2%;
  width: 96%;
  z-index: 10000;
}

@media screen and (min-width: 768px) {
  .bh-sl-container .bh-sl-form-container {
    position: absolute;
    top: 20px;
    left: 1%;
    padding: 20px;
    width: 20%;
  } 
}
    
@media screen and (min-width: 1140px) {
  .bh-sl-container .bh-sl-form-container {
    width: 15%; 
  } 
}
    
.bh-sl-container .bh-sl-form-container label {
      color: #fff;
}
    
.bh-sl-container .bh-sl-form-container input {
      border-radius: 0;
      margin-top: 10px;
}