html,body,#cesiumContainer {
width: 100%;
height: 100%;
margin: 0;
}

#instructions {
position: fixed;
top:0;
left:0;
margin: 10px;
padding: 10px;
border-radius: 6px;
background-color: rgba(0,0,0,0.5);
color: white;
display: inline-block;
max-width: 50%;
}

button {
display: block;
width: 100%;
margin-bottom: 10px;
}

@media (min-width: 701px) {
  #instructions {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    width: auto;
  }
  
  button {
    display: inline-block;
    width: auto;
    margin-bottom: 0;
  }
  
  button:first-child {
    margin-right: 10px;
  }
}
@media (max-width: 700px) {
  button:last-child {
    margin-bottom: 0;
  }
}