body {
  padding-top: 17%;
  background-color: black;
  text-align: center;
  color: #edefbc;
  font-family: "Times New Roman", Times, serif;
  background: url(img/bg2.jpg);
  background-size: cover;
}

@media screen and (max-width: 767px) {
    h1 {font-size: 12px;}
    body {font-size: 12px;}
}
@media screen and (min-width: 768px) {
    h1 {font-size: 16px;}
    body {font-size: 14px;}
}
@media screen and (min-width: 1200px) {
    h1 {font-size: 20px;}
    body {font-size: 16px;}
}

hr {
  color: #eceebb;
}

#bar {
   background-color: #black;
   padding-bottom: 30px;
 }

#logo {
  max-width: 700px;
  margin: auto;
}

#frase {
  padding-top: 2em;
  padding-bottom: 1em;
}

#container {
  width:100%;
  position:absolute;
  bottom:0;
}

@media screen and (max-height: 450px) {
    #container {position:relative;}
}

#footer {
  display: table;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}