body {height:100vh;margin:0;background:#ddd;}

.all-content {height: 100vh;}
.content {padding:30px;}
.text{text-align:center;margin:30px 0;font-size:24px;}
.logo{text-align:center;padding-bottom:30px;}
.logo img {max-width:120px;}
.big-text {font-size:38px;}
.all-image-box {
  display: flex;
  justify-content: space-around;
   padding: 20px 0 50px;
}

.image-box {
  display: flex;
  align-items: center;
  justify-content: space-around;
  margin-bottom: 20px;
 }
.image-box img {
  max-width: 700px; /*150px;*/
  transition: 0.3s;
}

.image-box:hover a img {
  opacity: 0.7;
}

@media (miax-width: 1199px) {
	.all-image-box {flex-direction:column;}
	
}


@media (min-width: 481px) and (max-width: 767px) {
.all-image-box {display: block!important;}
}


@media only screen and (max-width: 1024px), only screen and (max-device-width: 1024px) {
	.all-image-box {display: block!important;}
	
}