input[type=button], input[type=submit], input[type=reset] {
  background-color: #FFD500;
  border: none;
  color: white;
  display:inline-block;
  margin: 4px 2px;
  cursor: pointer;
  font-size: 100%;
  font-weight=bold;
  width:200px;
  height:50px;
  align:center;
}
.main {
  background-color: #e0e1dd;
  overflow: hidden;
  width:56%;
  margin-left: 20%;
  padding: 2%;
  text-align:left;
  font-family: "Times New Roman", Times, serif;
  font-size: large;
}

.menu {
  background-color: #701F2B;
  overflow: hidden;
  width:60%;
  margin-left: 20%;
  display: table;
   text-align: center;
margin-top: -1px;
}

.menu a {
  width:150px;
  float: none;
  display: inline-block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
  font-size: larger;
  font-family: "Times New Roman", Times, serif;
  margin-left: -6px;

}


.menu a:hover {
  background-color: #FF9100;
  color: black;
}


.menu a.active {
  background-color: #F4D06F;
  color: black;
}

.info {
  border:none;
  background-color: #39050C;
  width:58%;
  margin-left: 20%;
  margin-bottom: 0px; 
  resize: both;
  padding: 1%;
  padding-bottom: 6px;  
}

@media (max-width: 1000px) { 
  .main {
    background-color: #e0e1dd;
    overflow: hidden;
    width:76%;
    margin-left: 10%;
  }

  .menu {
    width:80%;
    margin-left: 10%;
  }

  .info {
    width:78%;
    margin-left: 10%;
  }
}

@media (min-width: 1500px) { 
  .main {
    background-color: #e0e1dd;
    overflow: hidden;
    width:46%;
    margin-left: 25%;
  }

  .menu {
    width:50%;
    margin-left: 25%;
  }
  
  .info {
    width:48%;
    margin-left: 25%;
  }
}