@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: "Lato", sans-serif; font-weight: 900; font-style: normal; -webkit-text-size-adjust:none; background-color: #011223;}
#cont{ max-width:400px; display:block; margin:8% auto 0 auto; text-align:center; width:85%; height: auto; padding:40px 20px; box-sizing: border-box; background-color: #0B213D; border-radius: 4px; box-shadow:0 0 0 4px #011223, 0 0 0 5px #0B213D;}
img#logo{ max-width:270px; margin:0 auto 8% auto; display:block;}
h1{ margin: 0 auto 35px auto; text-align: center; font-size: 25px; color: #FFF;}
a.cta{border-radius: 6px;text-align: center; background-color: #FFE100; padding: 10px 20px; color: #011223;}


/* 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);}