body,html{padding:0;margin:0;font-family:'Roboto',sans-serif;}
h1,h2,h3,h4,h5,h6,div,p,a,td,li,section,button,*{font-family:'Roboto',sans-serif;font-weight:300;}
h1{font-size:28px;font-weight:100;}
body{background-color:#0FBA6F;background-image:url(../img/login/bg.jpg?v=2);background-size:cover;}
.wrapper{width:900px;margin:0 auto;margin-top:200px;padding:20px;box-sizing:border-box; height: 100vh}
.card{background:#FFF;box-shadow:4px 0 17px 0 rgba(0,0,0,0.50);border-radius:8px;padding:30px;box-sizing:border-box;width:50%;float:left;}
.card > div:first-child{padding:60px;}
.card h1{padding-top:0;margin-top:0;margin-bottom:50px;color:#9B9B9B;}
.features{opacity:.84;background:#0FBA6F;border-radius:0 8px 8px 0;width:50%;box-sizing:border-box;float:left;padding:65px;margin-top:88px;}
.features *{color:#FFF;}
.features img {margin-bottom: 20px}
.features h1{font-size:24px;padding-top:0;margin-top:0;margin-bottom:20px;font-weight:300;}
.features ul li{margin-bottom:25px;}
.features ul{list-style-type:circle;}
input{border:1px solid #979797;border-radius:6px;width:100%;padding:15px;box-sizing:border-box;margin-bottom:25px;}
input::placeholder{color:#C1C1C1;}
input:focus{outline:none!important;border-color:#0FBA6F;}
a.button{background:#0FBA6F;display:inline-block;width:100%;box-sizing:border-box;cursor:pointer;box-shadow:0 2px 5px 0 rgba(0,0,0,0.50);border-radius:4px;padding:15px;text-align:center;text-decoration:none;font-size:18px;color:#FFF;text-transform:uppercase;}
a.button:hover{background-color:#0FBA6F;}
img.logo{width:100%;max-width:125px;}
@media (max-width: 940px) {
.wrapper{width:100%;max-width:450px;margin-top:0;}
.features,.card{width:100%;float:none;margin-top:0;}
.features{border-top-right-radius:0;border-top-left-radius:0;}
.card{border-bottom-right-radius:0;border-bottom-left-radius:0;}
}
@media (max-width: 490px) {
.wrapper{padding:10px;}
.card > div:first-child,.features{padding:40px;}
.features ul li{margin-bottom:5px;}
.features h1,.card h1{margin-bottom:20px;}
}
div.footer{overflow:auto;}
div.footer > div:first-child{float:left;width:25%;margin-right:5%;text-align:center;}
div.footer > div:last-child{float:left;width:70%;font-size:12px;text-align:center;clear:right;}