* {
   margin: 0;
  padding: 0;
  
  
  }

body {
  width: 1920px;
  height: 0px;
  background-color: #FFFFFF;

}

div {
  width: auto;
  height: 165px;
  background-color: #1c3d6c;

}


img {
  width: 400px;
  height: 140px;
  margin-left: 300px;
  margin-right: 100px;
  
}





form {
    margin: auto;
    width: 50%;
    max-width: 500px;
    padding: 50px;
    border: 1px solid rgba(0,0,0,0.2)
  }

  h2 {
    text-align: center;
    margin-bottom: 20px;
    color: rgba(0,0,0,0.5);
  }

  input {
    display: block;
    padding: 10px;
    width: 100%;
    margin: 30px 0;
    font-size: 20px;
  }

  input[type="submit"] {
    background: linear-gradient(#FFDA63, #FFB940);
    border: 0;
    color: brown;
    opacity: 0.8;
    cursor: pointer;
    border-radius: 20px;
    margin-bottom: 0;
  }

  input[type="submit"]:hover {
    opacity: 1;
  }

  input[type="submit"]:active {
    transform: scale(0.95);
  }

  @media (max-width: 768px){
    form {
      width: 75%;
    }
  }

  @media (max-width: 480px){
    form {
      width: 95%;
    }
  }

  #contenedor3 {
  width: auto;
  height: 5px;
  background-color: #b88f14;
}

  #contenedor2 {
  width: auto;
  height: 100px;
  background-color: #1c3d6c;
}

#contenedor4 {
  width: auto;
  height: 150px;
  background-color: #404040;
}