.bar1,
.bar2,
.bar3 {
    background-color: var(--blue);
}
.navbar-on .bar1 {
    background-color: var(--blue);
  }
  
  .navbar-on .bar3 {
    background-color: var(--blue);
  }
  
.form, form {
    width:100%;
}

input.form-control, textarea.form-control {
    /* font-family: Berthold Akzidenz Grotesk BE Light !important; */
    border-bottom: 1px var(--gold) solid !important;
}

@media (max-width: 900px) {

    html section {
        overflow-x: visible;
    }
    
    form, input, form div {
        /* margin-left: 0;
        margin-right: 0; */
        width:360px;
    }

    h3 { font-size: 50px;} 
}

/*iPad mini portrait  */

@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 1) {
    
   
}

@media screen and (min-width: 2560px) {
    section {
        padding: 200px;
    }
}