body{
    font-size: 3rem;
    font-weight: 400;
    line-height: 1.2;
    color: #404040;
}
@media (max-width: 1399px){
    body{
        font-size: 2.5rem;
    }
}
@media (max-width: 1199px){
    body{
        font-size: 2rem;
    }
}

h1,.h1{
    font-size: 7rem;
    font-weight: 700;
    color: #8247FF;
}
@media (max-width: 1699px){
    h1,.h1{
        font-size: 5rem;
    }
}
@media (max-width: 1199px){
    h1,.h1{
        font-size: 4rem;
    }
}

h2,.h2{
    font-size: 5rem;
    font-weight: 700;
    margin: 0.8em 0;
}
@media (max-width: 1699px){
    h2,.h2{
        font-size: 4rem;
    }
}
@media (max-width: 1199px){
    h2,.h2{
        font-size: 3rem;
    }
}

h3,.h3{
    font-size: 3.5rem;
    font-weight: 700;
}
@media (max-width: 1199px){
    h3,.h3{
        font-size: 2rem;
    }
}

h4,.h4{
    font-size: 3rem;
    font-weight: 700;
    margin: 1.33em 0;
}
@media (max-width: 1199px){
    h4,.h4{
        font-size: 2rem;
    }
}

p{
    margin: 1em 0;
}

blockquote{
    font-size: 4rem;
    font-weight: 700;
    margin: 40px 0 40px 0;
    padding-top: 100px;
    position: relative;
}
@media (max-width: 1199px){
    blockquote{
        font-size: 2.5rem;
    }
}
blockquote::before{
    content: '“';
    font-size: 20rem;
    font-weight: 700;
    position: absolute;
    top: -25px;
    left: 0;
}

.author{
    font-size: 3rem;
    font-weight: 700;
    margin: -25px 0 40px;
    display: block;
}
@media (max-width: 1199px){
    .author{
        font-size: 2rem;
    }
}
a{
    text-decoration: none;
    transition: .25s;
}
a:hover{
    color: #8247FF;
    transition: .25s;
}

.smallRed{
    font-size: 2rem;
    color: #F4646C;
}
/*.highlighted{*/
/*    color: #8247FF !important;*/
/*}*/