html, body, #main {
  height: 100%;
}
body {
  background: #f5f5f5;
  font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;
}
#main {
  display: table;
  width: 100%;
}
#main section {
  display: table-cell;
  vertical-align: middle;
}

#logo {
  -webkit-animation: pulse 1.8s ease-out infinite;
  -moz-animation: pulse 1.8s ease-out infinite;
  -ms-animation: pulse 1.8s ease-out infinite;
  animation: pulse 1.8s ease-out infinite;
}


@keyframes "pulse" {
 0% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }
 50% {
    -webkit-transform: scale(1.2);
   	-moz-transform: scale(1.2);
   	-o-transform: scale(1.2);
   	-ms-transform: scale(1.2);
   	transform: scale(1.2);
 }
 100% {
    -webkit-transform: scale(1);
   	-moz-transform: scale(1);
   	-o-transform: scale(1);
   	-ms-transform: scale(1);
   	transform: scale(1);
 }

}

@-moz-keyframes pulse {
 0% {
   -moz-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -moz-transform: scale(1.2);
   transform: scale(1.2);
 }
 100% {
   -moz-transform: scale(1);
   transform: scale(1);
 }

}

@-webkit-keyframes "pulse" {
 0% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -webkit-transform: scale(1.2);
   transform: scale(1.2);
 }
 100% {
   -webkit-transform: scale(1);
   transform: scale(1);
 }

}

@-ms-keyframes "pulse" {
 0% {
   -ms-transform: scale(1);
   transform: scale(1);
 }
 50% {
   -ms-transform: scale(1.2);
   transform: scale(1.2);
 }
 100% {
   -ms-transform: scale(1);
   transform: scale(1);
 }