*,
*:before,
*:after {
  box-sizing: border-box;
}


#header-area{background-position:center top;}



div.sticky {
  	position: -webkit-sticky;
 	 position: sticky;
  	top: 0;
	height:50px;

	background-image: url("bg_nav.png");
	
	background-repeat: repeat-x;
	background-size:auto 100%;
	background-sizex:80% auto;
	background-position:left bottom ;

  	background-colorx: #000000;;
  	padding: 10px;
	text-align:right;
  	font-size: 40px;
	border-bottom:0px solid #b39448;
	z-index:900;
}






.at-item {
	position:absolute;
	left:0px;
	top:150px;
  	width: 100%;
	margin-left:00%;
  	height: 25vh;
	margin-topx:35vh;
  	background-colorx:#ffe672;

  animation-name: scale-up-center;
  animation-duration: 5s;
  animation-timing-function: ease;
  animation-delay: 0s;
  animation-iteration-count: 1;
  animation-direction: normal;
  animation-fill-mode: none;

	background-image: url("../melstyle/logo25b.png");
	background-repeat: no-repeat;

	background-size:100% 100%;
	background-position:center top;
	text-align:center;
	
	border:0px solid #ff6600;
	
	

  /* shorthand 
  animation: scale-up-center 1s ease 0s 1 normal none;
  */ 
}


@keyframes scale-up-center {
  0%{
    transform: scale(.2);
  }
  100%{
    transform: scale(1);
  }
}





.aos-all {
  width: 1000px;
  max-width: 98%;
  margin: 10vh auto 0 auto;
}

.aos-item {
  display: inline-block;
  float: left;
  width: 33.3333%;
  height: 300px;
  padding: 20px;
}

.aos-item__inner {
  position: relative;
  width: 100%;
  height: 100%;
  float: left;
  background: #1da4e2;
  line-height: 260px;
  text-align: center;
  color: #fff;
}







@media screen and (max-width: 800px) {
  .aos-item {
    width: 50%;
  }
}