#Header {
   border: none;
   width: 75em;
}

#Footer {
   border: none;
   width: 75em;
}

.menu {

}

.menu {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #8B0000;
  color: red;
  width: 640px;
  margin-left: auto;
  margin-right: auto;
  border: 3px solid black;
}

.menu li {
  float: left;
}

.menu li a {
  display: block;
  color: white;
  text-align: center;
  padding: 14px 16px;
  text-decoration: none;
}

.menu li a:hover {
  background-color: white;
  color:#000;
}

p {
  font-family: "Lucida Console", "Courier New", monospace;
}

body {
  background-color: #F08080
}

img {
max-width: 100%;
  height: auto;
}

a{
color: black;
}

a:hover{
color:white;
}

iframe {
    display: block;
    padding-left: 17vw;
    padding-right: 23vw;
}

form {
font-family: "Lucida Console", "Courier New", monospace;
margin: 0 auto;
margin-left: auto;
margin-right: auto;
text-align:center;
}

 {
  box-sizing: border-box;
}


.main {
  max-width: 1000px;
  margin: auto;
}

h1 {
  font-size: 50px;
  word-break: break-all;
}

.row {
  margin: 8px -16px;
}


.row,
.row > .column {
  padding: 8px;
}

.column {
  float: left;
  width: 25%;
}


.row:after {
  content: "";
  display: table;
  clear: both;
}


.content {
  background-color: white;
  padding: 10px;
}


@media screen and (max-width: 900px) {
  .column {
    width: 50%;
  }
}

@media screen and (max-width: 600px) {
  .column {
    width: 100%;
  }
}