.page {
  max-width: 853px;
  margin-left:auto;
  margin-right:auto;
}

body {
	
	margin: 5;
	padding: 5;
	display: flex;
	height: 100vh;
	font-family:"Calibri", sans-serif;
}


img {
    max-width: 100%;
    max-height: 100%;
}

iframe {
    max-width: 100%;
    max-height: 100%;
}

.logo {
	background-color: #04006d;
}

.box-wrapper {
  display: flex;
  
}

.box {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  
  padding: 20px;
  box-sizing: border-box;
}

@media (max-width: 600px) {
  .box-wrapper {
	flex-direction: column;
	height: auto; /* remove 100vh constraint */
  }
}

.box img {
  width: 90%;
  height: auto;
  margin-bottom: 10px;
}


.image-link {
  display: block;
  width: 90%;
  overflow: hidden;
  
}

.image-link img {
  width: 100%;
  height: auto;
  transition: transform 0.3s ease;
  display: block;
}

.image-link:hover img {
  transform: scale(1.05);
}