/**
 *Main layout elements
 **/

body{
  margin:2px;
} 

#maincontent {
  width: min(100vw, 950px);
  position: relative;
  margin-left: auto;
  margin-right: auto;
}

#banner,
#footer,
#menu,
#breadcrumbs,
#form-container {
  /*width: 950px;*/
  width: 100%;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
}

#banner {
  display: flex;
  align-items: center;
}

#result-container {
  margin-left: auto;
  margin-right: auto;
  /*width: 750px;  */
  width: min(95%, 750px);
  box-sizing: border-box;
}

@media only screen and (min-width:450px) {

  #maincontent {
    width: min(100vw, 950px);
  }

  #result-container {
    margin-left: auto;
    margin-right: auto;
    width: min(80vw, 750px);
  }
}

#menu {
  display: flex;
}

#menu div {
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 5px;
}

#menu div a {
  margin: 5px;
}

#banner h1 {
  margin-left: 10px;
}

#footerlinks {
  display: flex;
  justify-content: space-between;
}