html,
	body {
	  height: 100%;
	  width: 100%;
}
	.wrapper {
	  display: table;
	  height: 100%;
	  width: 100%;
}
	.content {
	  display: table-row;
	  height: 100%;
	  width: 100%;
}
	iframe.iframe {
	  resize: both;
	  background-color: rgba(255,255,255,0.25);
	  transition: all .5s;
}
	iframe.iframe:hover,
	iframe.iframe:active {
	  transition: all 0s;
}
	.buttons {
	  margin: 0;
	  padding: 0;
      text-align: center;
}
	.buttons > li {
	  display: inline-block;
	  margin: 0.35rem 0.5rem;
}
	.center{
	text-align: center;
}
	.responsive h2{
		padding: 5px 10px 30px 10px;
	}
	.responsive img{
		padding: 40px 10px 5px 10px;
	}