* {
    font-family: 'Poppins', sans-serif;
}
button:hover,
button:focus,
button:active {
    outline:0;
    outline:none;
}
body {
    background:#fff;
}
.bg-black {
    background:#0F0E0D;
}
.bg-footer {
    background: #3B3B3B
}
.bg-pink {
    background:#EDD5E6;
}
h1 {
    font-weight:800;
    font-size:40px;
    margin-bottom:40px;
}
h2 {
    font-size:30px;
    line-height:1.4em;
    font-weight:700;
    margin-bottom: 20px
}
.maroon {
    color:#6A282B;
}
.white {
    color:#fff;
}
.purple {
    color:#FF00C4;
}
.bg-yellow {
    background:#FFE386;
}
.light-pink-line:after {
    height:5px;
    width:240px;
    display: block;
    content:'';
    background:#F1E7F2;
    margin-top:30px;
}
.dark-pink-line:after {
    height:5px;
    width:240px;
    display: block;
    content:'';
    background:#BC4DC7;
    margin-top:30px;
}
p {
    font-weight:300 !important;

}
p.max {
    font-size:22px;
    line-height:1.8em;
}
.w-75 {
    width:70%;
    max-width:100%;
}
.action4 {
    padding:100px 0;
}
.big-text {
    font-size:55px;
    font-weight:700;
    padding:8px 25px;
    margin-bottom:70px;
}
button {
    
    width:400px;
    display:block;
}
.btn-pink {
    padding:18px 45px;
    background:#F75A90;
    border:0;
    border-radius:40px;
    border-bottom:6px solid #BA3131;
    color:#fff;
    font-weight:700;
    font-size:25px;
}
.btn-purple {
    background:#D066E3;
    padding:20px 45px;
    border:0;
    font-size:20px;
    border-radius:40px;
    border-bottom:6px solid #CB0D9F;
    color:#fff;
    font-weight:500;
}
.btn-pink:hover {
    border-bottom:10px solid #BA3131;
    margin-top:-4px;
}
.btn-purple:hover {
    border-bottom:10px solid #CB0D9F;
    margin-top:-4px;
}
.action4 {
    background:#fff url(img/bg.png) center bottom no-repeat;
    background-size: auto 80%;
    background-opacity:0.3;
}
@media screen and (max-width:991px) {
    .w-75 {
        width:90% !important;
    }
    .book-mockup {
        padding-bottom:30px;
    }
    h1 {
        font-weight:800;
        font-size:33px;
        margin-bottom:30px;
    }
    .container {
        width:95%;
        max-width: 95%
    }
    .action2, .action3 {
        margin-top:0 !important;
    }
}
@media screen and (max-width: 767px) {
    .logo img {
        width:130px;
        height:auto;
        max-width:100% !important;
    }
    .book-mockup img {
        margin-bottom: 30px;
        padding-left:20px;
    }
    .book-mockup {
        padding-bottom: 60px;
    }
    .action2 h1 {
        margin-bottom: 50px
    }
    button {
        max-width: 100%
    }
    .action3 {
        padding-top: 50px;
        padding-bottom: 50px
    }
    br {
        display: none
    }
    h2 {
        font-size:22px;
    }
    p.max {
        font-size:19px;
        line-height:1.7em;
    }
    .big-text {
        font-size:32px;
    }
    .btn-purple { 
        font-size:17px;
    }
    .btn-pink { 
        font-size:20px;
    }
}
@media screen and (max-width: 450px) { 
    .big-text {
            font-size:27px;
    }
    footer {
        padding-left:20px;
        padding-right:20px;
    }
    h1 {
        font-weight:800;
        font-size:27px;
        margin-bottom:30px;
    }
}