.shutter{
  width: 100%;
  height: 100%;
  position:fixed;
  top:0;
  left:0;
  right:0;
  bottom:0;
  margin: auto;
  background-color:#fff;
  z-index:8800;
  -webkit-animation: byeShutter 4.5s forwards;
  animation: byeShutter 4.5s forwards;
}
.logos {
  position: absolute;
  width: 120px;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  -webkit-animation: logo 3s forwards;
  animation: logo 3s forwards;
  animation-delay: 1.2s;
  opacity: 0;
}
@keyframes byeShutter {
70% {
  opacity: 1;
}
95% {
  display: none;
  opacity: 0;
}
100% {
  display: none;
  opacity: 0;
  z-index: -1;
}
}
@keyframes logo {
0% {
  opacity: 0;
}
15% {
  opacity: 1;
}
55% {
  opacity: 1;
}
  
60% {
  transform: rotate(0deg);     
}
  80% {
  transform: scale(0.8);
  }
}