html,
body {
  font-family: 'Poppins', sans-serif;
  height: 100%;
  margin: 0;
}

.wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}

header,
footer {
  background: silver;
}

.content {
  flex: 1;
  overflow: auto;
  margin-top: 91px;
}

.banner-top {
  background: url("/static/images/png/secret-friend/banner-top.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.bg-investimento {
  background: url("/static/images/png/secret-friend/bg-investimento.png");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.banner-family {
  background: url("/static/images/png/secret-friend/family.png");
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 40vh;
  background-position: center 100%;
}

.ebook {
  background: url("/static/images/png/secret-friend/ebook.png");
  background-size: contain;
  background-repeat: no-repeat;
  min-height: 40vh;
  background-position: center 100%;
}

.sec-image {
  height: 70px;
  width: 70px;
}

.sec-title {
  height: 130px;
}

.banner-register {
  margin: 35px 0 0 0px;
}

.bg-yellow {
  background: linear-gradient(45deg, rgba(185,80,85,1) 0%, rgba(252,199,59,1) 52%, rgba(147,206,191,1) 100%);
}

.bg-2 {
  background: linear-gradient(177.11deg, rgba(238, 198, 120, 0.83) -13.77%, rgba(62, 187, 140, 0.83) 137.98%);
}

.bg-3 {
  background-color: #1e0220;
}

.bg-4 {
  background-color: #66046d;
}