body {
  font-family: Slabo27;
}

#main {
  max-width: 900px
}

#energy, .section {  
  float: left;
  display: flex; 
  max-width: 100%;
}

.side {
  margin: 0 9%;
  width: 50%;
  padding: 20px; 
  text-align: center; 
  /*border: 2px solid #ED564B;*/
  border: 2px solid rgba(162, 160, 160, 0.6);
 border-radius: 5px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
 /*  -webkit-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  -moz-box-shadow: 0 3px 0 #ccc, 0 -1px #fff inset;
  box-shadow: 5px 5px 5px 5px #888888*/
  
}

.article {
  margin: 0 9%;
  width: 33%;
  padding: 20px; 
  text-align: center; 
}

@media (max-width: 720px) {
	.side{
  margin-left: auto;
  margin-right: auto;
  width: 50%;
	}

	#energy {

  display: block;
	}
}