@import url//maxcdn.bootstrapcdn.com/font-awesome/4.3.0/css/font-awesome.min.css);div.main{background:#0264d6;background:-moz-radial-gradient(center,ellipse cover,#0264d6 1%,#1c2b5a 100%);background:-webkit-gradient(radial,center center,0,center center,100%,color-stop(1%,#0264d6),color-stop(100%,#1c2b5a));background:-webkit-radial-gradient(center,ellipse cover,#0264d6 1%,#1c2b5a 100%);background:-o-radial-gradient(center,ellipse cover,#0264d6 1%,#1c2b5a 100%);background:-ms-radial-gradient(center,ellipse cover,#0264d6 1%,#1c2b5a 100%);background:radial-gradient(ellipse at center,#0264d6 1%,#1c2b5a 100%);filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0264d6', endColorstr='#1c2b5a',GradientType=1 );height:calc(100vh);width:100%}[class*="fontawesome-"]:before{font-family:'FontAwesome',sans-serif}*{box-sizing:border-box;margin:0 auto;&:before,
  &:after {
    box-sizing: border-box;
  }

}body{color:#606468;font:87.5%/1.5em 'Open Sans',sans-serif;margin:0}a{color:#eee;text-decoration:none;font-size:12px}a:hover{text-decoration:underline;color:#fff}input{border:none;font-family:'Open Sans',Arial,sans-serif;font-size:14px;line-height:1.5em;padding:0;-webkit-appearance:none}p{line-height:1.5em}.clearfix{*zoom: 1;&:before,
  &:after {
    content: ' ';
    display: table;
  }

  &:after {
    clear: both;
  }

}.container{left:50%;position:fixed;top:50%;transform:translate(-50%,-50%)}#login form{width:250px}#login,.logo{display:inline-block;width:40%}#login{border-right:1px solid #fff;padding:0 22px;width:59%}.logo{color:#fff;font-size:50px;line-height:125px}#login form span.fa{background-color:#fff;border-radius:3px 0 0 3px;color:#000;display:block;float:left;height:50px;font-size:24px;line-height:50px;text-align:center;width:50px}#login form input{height:50px}fieldset{padding:0;border:0;margin:0}#login form input[type="text"],input[type="password"]{background-color:#fff;border-radius:0 3px 3px 0;color:#000;margin-bottom:1em;padding:0 16px;width:200px}#login form input[type="submit"]{border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;background-color:#000;color:#eee;font-weight:bold;text-transform:uppercase;padding:5px 10px;height:30px}#login form input[type="submit"]:hover{background-color:#1c2b5a}#login>p{text-align:center}#login>p span{padding-left:5px}.middle{display:flex;width:600px}.logo-mobile{display:none}@media (max-width:768px){#login{border-right:0 solid transparent}.texto-logo{display:none}.logo-mobile{display:block}}