img{
	transition: transform .4s;
}
img:hover{
	transform:scale(1.2);
}
.faq-container{
    width:1024px;
    margin:50px auto 50px auto;
}
.articles{
    display:flex;
    flex-direction:column;
}
.article{
    width:1024px;
    margin:25px auto 25px auto;
}
.img-faq{
    width:350px;
    text-align:left;
    margin-left:0;
}
.article h1{
    text-align:center;
    margin:auto;
}
.article h2{
    margin:25px auto 25px auto;
    text-align:left;
}
.article p{
    margin:25px auto 25px auto;
}
.href-link{
 width:340px;
 margin: 25px 25px 25px auto;
 text-align:right;
}
.a-link{
    font-size:9px;
    text-align:right;
    color:black;
    text-decoration:none;
}
@media screen and (min-width:1024px) and (max-width:1399px){
    h1{
        margin-left:10px;
    }
    .article{
        width:1004px;
        margin:25px 10px;
    }
}
@media screen and (min-width:768px) and (max-width:1023px){
    .faq-container{
        width:768px;
    }
    h1{
        margin-left:10px;
    }
    .article{
        width:748px;
        margin:25px 10px;
    }
}
@media screen and (min-width:576px) and (max-width:767px){
    .faq-container{
        width:576px;
    }
    h1{
        margin-left:10px;
    }
    .article{
        width:556px;
        margin:25px 10px;
    }
}
@media screen and (min-width:320px) and (max-width:575px){
    .fildariane{
        margin:-7px auto 0 auto;
    }
    .faq-container{
        width:340px;
    }
    h1{
        margin:-40px 10px 0 auto;;
    }
    .article{
        width:320px;
        margin:8px 10px;
    }
    .article p{
        margin:25px 15px 25px auto;
    }
    .img-faq{
        width:320px;
        margin-left:-10px;
    }
    .a-link{
        margin-right:45px;
    }
    .href-link{
        margin:-80px 25px 25px auto;
    }
}