body {
  font-size: 62.5%;
  height: 100%;
}

@media screen and (max-width: 780px) {
  body {
    font-size: 50.5%;
  }
}

.clearfix:before,
.clearfix:after {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
.clearfix {
  *zoom: 1;
}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.btn {
  padding: 12px 18px;
  font-family: 'Roboto', sans-serif;
  font-weight: bold;
  transition: all 0.3s;
  margin: 0 10px;
  font-size: 1.4em;
  min-width: 105px;
}
.btn.primary {
  color: #fdc674;
  background-color: #fff;
  font-size: 1.4em;
}
.btn.transparent {
  background: transparent;
  color: #fff;
  font-size: 1.2em;
}
.btn:hover {
  transform: scale(1.1);
  cursor: pointer;
}

.top {
  height: 697px;
  background: linear-gradient(to bottom, #fdc674, #f5c6b9);
}
.bg-woman-invest {
	background-image: url(../images/png/img_login_bottom.png);
	background-position: top right;
	background-repeat: no-repeat;
	background-size: contain;
	width: 100%;
}