body {
  padding: 0px;
  margin: 0px;
  display: flex;
}

.block {
  background-size: cover;
  height: 100vh;
  width: 50vw;
  transition: all .2s ease;
}

.block a {
  background-color: rgba(0,0,0,0.95);
  display: block;
  width: 100%;
  height: 100%;

  display: flex;
  flex-direction: column;
  justify-content: center;
}

.block:nth-child(2) a {
    background-color: rgba(0,26,38,1);
}

.block a img {
	margin: auto;
  width: 200px;
  transition: all .2s ease;
}

.block a:hover img {
  width: 205px;
}

.block.selected {
	width: 100vw;
	height: 100vh;
}

.block.hidden:not(.selected) {
	width: 0vw;
	height: 0vh;
}

@media only screen and (max-width: 700px) {
  body {
     flex-wrap: wrap;
  }

  .block {
    width: 100vw;
    height: 50vh;
  }
}