.ui.vertical.stripe,
.footer.segment	{
	padding: 5em 0em;
}

.caja{
  display: flex;
  flex-flow: column wrap;
  justify-content: center;
  align-items: center;
  background: #333944;
}
.box{
  width: 100%;
  height: 400px;
  background: #CCC;
  overflow: hidden;
  position:relative;
}

.box img{
  width: 100%;
  height: auto;
  position: absolute; top: 50%; left: 50%; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%);
}

/* Use a media query to add a breakpoint at 800px: */
@media screen and (max-width: 800px) {
	.ui.vertical.stripe,
	.footer.segment	{
		padding: 2em 0em;
	}
	
	.box{
	  height: 200px !important;
	}
}