html, body {
	margin: 0;
	padding: 0;
}

.container {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: flex;
  	flex-direction: row;
  	flex-wrap: wrap;
  	justify-content: space-around;
	padding: 3px;
	margin: 0;
	width: 100%;
}

.controlls, .code_area, .output_aream, .ad_full, .information  {
  	width: 100%;
}

textarea, iframe {
	border: 2px solid #ddd;
	height: 400px;	
	width: 100%;
	resize: none;
}

@media only screen and (min-width: 768px) {
  .code_area, .output_area {
    width: 46%;
  }
  .information, .ad_full {
  	width: 46%;
  	height: auto;
  }
}