body {
  background-color: #4d6382;
  /*background-image: url("imgs/treesLarge.jpeg");*/
  /*background-size: cover;*/
  /*background-position: initial;*/
  /*background-repeat: no-repeat;*/
}

h1 {

font-family: griffith-gothic, sans-serif;
font-style: normal;
font-weight: 700;
font-size: 24px;
text-align: center;
color: #f2c57c;
}

h2 {
  color: #f2c57c;
  background-color: #203a65;
  text-align: center;
  font-size: 60px;
}
img {
max-width: 500px;
margin-bottom: 20px;
padding-right: 50px;
padding-left: 50px;

}
.container {
  display: flex;
  align-items: center;
  justify-content: center;
}
#day {
  border-color: #f2c57c ;
  flex-basis: 70%;
  order: 2;
}
#night {
 border-color:#f2c57c ;
 flex-basis: 70%;
 order: 2;
}
p {
  font-family: Source Sans Pro;
  font-style: italic;
  font-size: 50px;
  color: #f2c57c;
}
.text {
  padding left: 50px;
  padding-right: 50px;
}