article {
    max-width: 65.125rem;
    margin-top: 5rem;
    padding: 3.25rem 3.25rem;
    background-color: #f1f1f1;
    border: 0.0625rem solid rgba(0,0,0,.2);
}
article > h1 {
    position: relative;
    font-size: 1.9rem;
    padding-left: 1rem;
    margin-bottom: 3rem;
}
article > h1:before {
    position: absolute;
    content: '';
    background-color: var(--orange);
    width: 0.25rem;
    height: 100%;
    left: 0;
}
.art__text > h2 {
    font-size: 1.3625rem;
    font-weight: 700;
    margin-top: 3.25rem;
}
.art__text > p {
    font-size: 1.063rem;
    line-height: 1.5;
    margin-top: 1.25rem;
}
.art__text > p a {
    display: inline-block;
    color: #3f51b5;
    font-weight: 700;
}
.art__text > p a:hover {
    text-decoration: underline;
}
.art__text > ul, .art__text > ol {
    margin-top: 1.25rem;
    list-style-type: none!important;
}
.art__text > ul > li:not(:last-child),.art__text > ol > li:not(:last-child) {
    margin-bottom: 0.625rem;
}
.art__text > ul > li:before,.art__text > ol > li:before {
    position: relative;
    content: '';
    background-color: rgba(0,0,0,.5);
    width: 1rem;
    height: 0.00625rem;
    display: inline-block;
    vertical-align: middle;
    margin-right: 1rem;
}
@media screen and ( max-width : 768px ){
	article {
		padding: 2.25rem 1.25rem;
	}
}
@media screen and ( max-width : 604px ){
	.article > h1 {
		font-size: 1.5625rem;
	}
}
@media screen and ( max-width : 480px ){
    article > h1 {
        font-size: 1.3125rem;
    }
    .art__text > h2 {
        font-size: 1.0625rem;
    }
    .art__text > p {
        font-size: .9375rem;
    }
	.art__text > ul > li, .art__text > ol > li {
		font-size: .9375rem;
		line-height: 1.5;
	}
	.art__text > ul > li:before, .art__text > ol > li:before {
		width: 0;
		height: 0;
		margin-right: 0;
	}
}