@media screen and (min-width: 960px){
    .rowAr{
        flex-direction: row;
    }
    h2{
        font-size: 22px;
    }
}
@media screen and (min-width: 760px) and (max-width: 959px){
    .rowAr{
        flex-direction: row;
    }
    h2{
        font-size: 20px;
    }
}
@media screen and (max-width: 759px){
    .rowAr{
        flex-direction: column;
        margin-top: 6px;
        margin-bottom: 6px;
    }
    h2{
        font-size: 18px;
    }
}
.row{
    display: flex;
    margin-left: auto;
    margin-right: auto;
    flex-direction: row;
    padding: 6px;
}
.textSymbol{
    padding-left: 9px;
}
.rowAr{
    display: flex;
    width: 100%;
}
h2{
    text-align: center;
    color: blue;
}
h2 a{
    text-decoration: none;
}