My Blog

body {
background: #1c2322;
margin: 0;
padding: 0;
overflow: auto;
}

.box_perguntas {
width: 100%;
float: left;
margin: 1px 0;
cursor: pointer;
}

.pergunta {
display: block;
background-color: #e2cfea;
min-height: 20px;
padding: 20px 15px;
text-align: left;
}

.pergunta span {
font-family: Montserrat;
font-size: 14px;
font-weight: 600;
color: #6247aa;
margin-top: 30px;
}

.resposta {
background-color: #242e2d;
width: 100%;
min-height: 30px;
padding: 10px 0;
display: none;
}

.resposta span {
font-family: Montserrat;
color: white;
font-size: 16px;
font-weight: 100;
padding-left: 10px
}

#main_logo {
display: none
}

#promises_box {
display: none;
}

.only_full {
display: none;
}

#bg1 {
background-image: url(‘../img/bg1_logo_mob.png’);
background-position: top center;
background-repeat: no-repeat;
width: 100%;
height: 890px;
}

.h2_bg4 {
text-align: center;
}

#bg2 {
background-image: url(‘../img/bg2_mobile.png’);
background-position: center center;
background-repeat: no-repeat;
width: 100%;
height: 996px;
}

#bg3 {
background-image: url(‘../img/bg3_mobile.png’);
background-position: center center;
background-repeat: repeat;
width: 100%;
min-height: 915px;
padding-top: 30px;
}

#bg4 {
background-image: url(‘../img/bg4_mobile.png’);
background-position: bottom center;
background-repeat: no-repeat;
width: 100%;
height: 1096px;
padding-top: 30px;
}

.bg5_repeat {
background-image: url(‘../img/bg5_repeat_mobile.png’);
background-repeat: repeat-y;
background-position: center center;
width: 100%;
min-height: 30px;
margin-top: -30px;
padding-bottom: 30px;
}

#bg6 {
background: #111e1c;
width: 100%;
height: 390px;
padding-top: 30px;
}

#bg7 {
background-image: url(‘../img/bg_repeat_padrao.png’);
background-position: top center;
background-repeat: repeat-y;
width: 100%;
height: 700px;
padding-top: 30px;
}

#bg8 {
background-image: url(‘../img/bg_end.png’);
background-position: top center;
background-repeat: no-repeat;
width: 100%;
height: 621px;
padding-top: 30px;
}

#bg9 {
background-image: url(‘../img/bg_end_cta.png’);
background-position: top center;
background-repeat: no-repeat;
width: 100%;
height: 300px;
padding-top: 28px;
}

#bg10 {
background: #6143af;
width: 100%;
min-height: 30px;
padding-top: 28px;
}

.hotmart {
width: 100%;
text-align: center;
}

.hotmart img {
width: 200px;
text-align: center;
}

.container {
width: 100%;
margin: auto;
text-align: center;
}

.container_padding {
padding-top: 470px;
}

.primeira_logo {
margin-top: 100px
}

.cta {
background: #6143af;
width: calc(100% – 40px);
margin: 30px auto;
display: block;
height: 86px;
border-radius: 5px;
border: 0;
text-align: center;
padding-top: 0px;
font-family: ‘Montserrat’;
font-size: 22px;
font-weight: bold;
color: white;
}

.logo img {
width: 90%;
margin: 0;
}

h2 {
font-family: Montserrat;
font-size: 24px;
font-weight: 600;
color: white;
text-align: left;
margin: 10px 20px;
}

.h2_bg2 {
margin-top: 150px;
font-family: Montserrat;
font-size: 24px;
font-weight: 600;
color: white;
float: left;
}

p {
font-family: Montserrat;
font-size: 17px;
font-weight: 300;
color: white;
text-align: left;
margin: 20px;
}

.p_hotmart {
font-family: Montserrat;
font-size: 14px;
font-weight: 300;
color: white;
text-align: left;
margin: 10px;
}

.p2 {
color: #e2cfea;
font-size: 22px;
}

.riscado {
text-decoration: line-through;
}

.p_bold {
font-weight: 600;
}

#promises {
width: calc(100% – 40px);
margin: -60px auto 0 auto;
display: block;
height: 120px;
background-image: url(‘../img/promise_repeat.png’);
background-position: top center;
background-repeat: repeat-x;
position: absolute;
margin-left: 20px;
border-radius: 5px;
border: 1px solid #33403f;
}

.label {
font-family: Montserrat;
color: #e2cfea;
font-weight: 600;
font-size: 24px;
width: 100%;
text-align: center;
margin-top: 20px
}

.desc {
font-family: Montserrat;
color: #e2cfea;
font-size: 17px;
font-weight: 300;
width: 100%;
text-align: center;
margin-top: 30px
}

ul {
list-style: none;
float: left;
margin-left: 0px
}

li {
font-family: Montserrat;
color: #fff;
font-size: 15px;
font-weight: 300;
margin-top: 15px
}

.ebook {
float: left;
margin: 5px 5px 5px 0
}

.ebook img {
width: 118px;
height: 180px;
}

.container_slides {
width: calc(100% – 40px);
margin: 30px auto 0 auto
}

.clear {
clear: both;
}