@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: 'Roboto', sans-serif;
 -webkit-text-size-adjust:none; font-weight:400; background-color: #000; background: url("../images/bg.jpg") no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;}
#cont{ max-width:400px; display:block; margin:8% auto 0 auto; text-align:center; width:85%; height: auto; padding:3%; box-sizing: border-box;}
img#logo{ width:300px; margin:10% auto; display:block;}
a.cta{border-radius: 45px; text-align: center; background: linear-gradient(135deg,  #e3ce93 0%,#ecdeb7 30%,#f2ebce 51%,#ecdeb7 70%,#e3ce93 100%); padding: 10px 20px; color: #121415; font-weight: 500;}
#lines{ width: 100%; position: absolute; bottom: 40px; text-align: center; margin: 0 auto; border-bottom: #edc8c6 1px solid;}
#lines img{ width: 35%;}


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

@media only screen and (max-width: 700px) {
  #lines img{ width: 70%;}
}