html {
    height: 100%;
}

body {
	margin: 0px;
	height: 100%;
	background-image: url("images/wallpaper-page-contruction.jpg");
}

.flex-container {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-align-content: space-around;
    align-content: stretch;
    -webkit-align-items: center;
    align-items: center;
	height: 100%;
    }
.flex-item:nth-child(1) {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
    }
.flex-item:nth-child(2) {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
    }
.flex-item:nth-child(3) {
    -webkit-order: 0;
    order: 0;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
    -webkit-align-self: auto;
    align-self: auto;
	height: 137px;
    }
.mail {
    display: inline-block;
	width: 160px;
	height: 137px;
	background-image: url("images/mail-index.png");
	transition-property: background;
	transition-duration: 500ms;
}
.mail:hover {
	background-image: url("images/mail-index-02.png");
}
.insta {
    display: inline-block;
	width: 160px;
	height: 137px;
	background-image: url("images/insta-index.png");
	transition-property: background;
	transition-duration: 500ms;
}
.insta:hover {
	background-image: url("images/insta-index-02.png");
}


@media all and (orientation: portrait) {
	
  html {
    zoom: 1.50;
  }

}