html {
  height: 100%;
}
body {
  background-color: #b0c4de;
  height: 100%;
}
div.text {
  margin: 10px 0px 5px;
}
div.quote {
  /*font-size: 14px ;*/
  font-family: Georgia;
  font-style: italic;
}
div.img {
  margin: auto;
  height: auto;
  width: auto;
  float: center;
  text-align: center;
  display: block;
}
div.twocol {
  width: 50%;
  height: 200px;
  display: flex;
  align-items: center;
  float: left;
}
p {
  margin: 0px;
  padding: 2px;
}
img {
  border-style: ridge;
  border-width: 4px;
  border-color: #4D4D94;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
h1 {
  font-size: 2em;
}
blockquote {
  border: 0;
}
.center {
  text-align: center;
}
.content {
  min-height: 100%;
  position: relative;
}

/* Header */
#header {
  height: 100px;
  border-radius: 15px 50px;
  background-color: #033;
  text-align: center;
  color: white;
  margin: 0px 7%;
  padding: 0px;
  display: flex;
  justify-content: center;
}
#smallerblue {
  height: 75px;
  width: 83%;
  border-radius: 50px 15px;
  background-color: #699;
  margin: 0px;
  align-self: center;
}
#header a:link, #header a:visited {
  color: white;
}
#header a:focus, #header a:active {
  color: #9c9;
}
#header a:hover {
  color: #cff;
}
#title {
  font-size: 3.1em;
  font-weight: 400;
  font-family: Impact, fantasy;
  margin: 12px 0!important;
}

/* MAIN CONTENT */
#main-content {
  text-align: center;
  color: black;
  padding-bottom: 60px; /* footer height + 30px */
}
#dinoroll {
  max-width: 550px;
}

#footer {
  height: 40px;
  width: 100%;
  color: white!important;
  background-color: #033;
  position: absolute;
  bottom: 0;
}
.foot-row{
  background-color: #699;
}

/* Responsiveness */
@media (min-width: 768px) {
  #title {
    font-size: 5em;
    margin: 0!important;
  }
}