.sectionHero .flx{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
}
.sectionHero .boxImage{
    border-radius: 1.5em;
}
@media(min-width: 1609px){
    .sectionHero .flx{
        width: 114.0625%;
        margin-left: -14.0625%
    }
    .sectionHero .boxInfo{
        padding: 2em 0 2em 4em;
    }
}
@media(min-width: 1301px) and (max-width: 1608px) {
	.sectionHero .flx{
        width: 110%;
        margin-left: -10%
    }
    .sectionHero .boxInfo{
        padding: 2em 0 2em 4em;
    }
}
@media(min-width: 993px) and (max-width: 1300px) {
	.sectionHero .flx{
        width: 104%;
        margin-left: -4%;
    }
    .sectionHero .boxInfo{
        padding: 0 0 0 3em;
    }
}
@media(min-width: 993px){
    .sectionHero{
        padding-top: 1.25em;
    }
    .sectionHero .boxImage{
        flex-basis: 44.246%;
    }
    .sectionHero .boxInfo{
        flex-basis: 55.754%;
    }
    .sectionHero .name:not(:first-child){
        margin-top: 2rem;
    }
    .sectionHero .name:not(:last-child){
        margin-bottom: 2rem;
    }
}
@media(max-width: 993px){
    .sectionHero .boxImage{
        flex-basis: 42%;
    }
    .sectionHero .boxInfo{
        flex-basis: 58%;
        padding: 1.5em 0 1.5em 1.5em;
    }
    .sectionHero .data:not(:first-child){
        margin-top: 1.5rem;
    }
    .sectionHero .name{
        margin-bottom: 1.5rem;
    }
}

@media(min-width: 993px){
    .sectionContent{
        padding-top: 2.625em;
        padding-bottom: 4em;
    }
}
@media(max-width: 992px){
    .sectionContent{
        padding-top: 2em;
        padding-bottom: 3em;
    }
}

@media(min-width: 1300px){
    .sectionContent .content{
        width: 67.1875%;
    }
}
@media(min-width: 1300px) and (max-width: 1608px){
    .sectionContent .content{
        width: 72%;
    }
}
@media(min-width: 993px) and (max-width: 1299px){
    .sectionContent .content{
        width: 80%;
    }
}

@media(max-width: 992px){
    .sectionHero .name,
    .sectionContent .content{
        margin-left: 8%;
    }
}

.boxAuthorTime .ava{
    width: 3rem;
    height: 3rem;
    border-radius: 3rem;
}
.boxAuthorTime .nameAuthor{
    font-size: 1.125em;
    margin: 0 1rem;
}
.boxAuthorTime time:before{
    margin-right: 1rem;
}

.boxTableOfContent{
    padding: 1.5em 2em;
    border-radius: 1.5em;
    margin-bottom: 1.5em;
}
.boxTableOfContent .title{
    font-size: 1.5em;
}
.boxTableOfContent .list{
    font-size: 1.25em;
}
.boxTableOfContent .list li{
    padding-left: 2.125rem;
}
.boxTableOfContent .list li:before{
    width: 10px;
    height: 10px;
    border-radius: 5px;
    top: 1rem;
    transform: translate(-5px, -5px);
    left: .75rem;
}