.container-1 {
  width: 100%;
  margin-bottom: 5px;
  height: auto;
  display: block;
  float: left;
  clear: both;
  padding: 0;
}

.container-2 {
  width: 100%;
  background-color: #88789F;
  margin: 0 auto;
  height: auto;
  display: block;
  float: left;
  clear: both;
}

.ul-style {
	list-style-type: none;
}

#header-1 {
  width: 47%;
  margin: 0;
  padding: 0 10px 10px 10px;
  float: left;
  position: relative;
}

#header-2 {
  width: 47%;
  color: #FFFFFF;
  margin: 0;
  padding: 0 10px 10px 10px;
  float: left;
  position: relative;
}

input[type=submit] {
    padding: 15px; 
    background: #664E78; 
    border:0 none;
    cursor:pointer;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
	color: #FFFFFF;
}

input[type=submit]:hover {
	background-color: #E5E7E7;
	color: #000000;
	font-weight: 600;
}

@media screen and (max-width: 680px) {
  #header-1 {
    width: 97%;
    display: table-header-group;
  }

  #header-2 {
    width: 97%;
    display: table-footer-group;
  }
}