.tab {
  overflow: hidden;
  background-color: #fff;
}

.tab button {
  background-color: inherit;
  float: left;
  border: none;
  outline: none;
  cursor: pointer;
  padding: 14px 16px;
  transition: 0.3s;
  width: 25%;
  padding: 2%;
  height: 200px;
  vertical-align: middle;
}

.tab button:hover {
  opacity: .7;
}

.tabcontent {
  display: none;
  padding: 6px 12px;
  border-top: none;
  background: #fff;
}

@media only screen and (max-width: 700px) {
	
	.tab button {
		width: 100%;
		height: 125px;
	}
		
	.tab button img {
		width: 175px;
	}
}