#top,
#bottom {
    position: fixed;
    left: 0;
    right: 0;
    height: 30%;
}

#top {
    top: 0;
    
}

#bottom {
    bottom: 0;
    white-space:nowrap;
    text-align:center;
	
}

#bottom2{
	
	display: flex;
	justify-content: space-around;
	width: 80%;
    height: auto;
    margin: 0 auto;
    padding: 10px;
    position: relative;
    /*border: 2px solid red; */
	
}


body {
  background: url(bg1.jpg);
}

h1 {
  display: block;
  font-size: 2em;
  margin-top: 0.67em;
  margin-bottom: 0em;
  margin-left: 100;
  margin-right: 0;
  font-weight: bold;
  color:white;
}

h3 {
  display: block;
  font-size: 0.8em;
  margin-top: 0em;
  margin-bottom: 0.67em;
  margin-left: 100;
  margin-right: 0;
  font-weight: bold;
  color:white;
}

.text {
   padding:11px 0;
   color:#DD7471;
   font-weight:bold;
   text-align:center;
}

.box {
	border: 2px solid white;
    display:inline-block;
    margin:11px 0;
    border-radius:6px;
    flex-basis: 15%;

}