@charset "UTF-8";
/* CSS Document */
*{ margin: 0; padding:0;}
img{ width:100%; height: auto; border:0;}
a{ border:0; text-decoration:none;}
a:hover{ text-decoration:none; border:0;}
::selection {background:rgba(0,0,0,0.6);}
::-moz-selection {background:rgba(0,0,0,0.6);}
body {margin:0; font-family: "Helvetica Neue", Helvetica, "sans-serif";
 -webkit-text-size-adjust:none; font-weight:500; background: url("../images/background.png") no-repeat center top fixed #021527; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#cont{ max-width:560px; display:block; margin:8% auto 0 auto; text-align:center; width:85%; height: auto; padding:2% 3% 5% 3% ; box-sizing: border-box; background-image: url(../images/b-bottom.png), url(../images/b-top.png); background-position: center bottom, center top; background-repeat: no-repeat; background-size: contain;}
img#logo{ max-width:350px; width: 80%; margin:10% auto; display:block;}
a.cta{border-radius: 2px; text-align: center; background-color: #00ccff; padding: 10px 30px; color: #FFF; font-weight: 500; text-shadow: 4px; letter-spacing: 4px;}

@media only screen and (max-width: 600px) {
  body {
    background: url("../images/background-m.png") no-repeat center top fixed #021527;
  }
}


/* Shrink */
.shrink {
  display: inline-block;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;}

.shrink:hover,
.shrink:focus,
.shrink:active {
  -webkit-transform: scale(0.95);
  transform: scale(0.95);}