/*2200px*/
@media (max-width:2200px) and (min-width:2001px){
    .section-title{
        font-size: 60px;
        line-height: 50px;
    }
}

/*2000px*/
@media (max-width:2000px) and (min-width:1701px){
    .section-title{
        font-size: 50px;
        line-height: 40px;
    }
    .section-subtitle{
        font-size: 22px;
        line-height: 28px;
    }
}

/*1700px*/
@media (max-width:1700px) and (min-width:1401px){
    .section-title{
        font-size: 45px;
        line-height: 30px;
    }
    .section-subtitle{
        font-size: 20px;
        line-height: 22px;
    }
}

/*1400px*/
@media (max-width:1400px) and (min-width:1201px){
    .section-title{
        font-size: 40px;
        line-height: 25px;
    }
    .section-subtitle{
        font-size: 18px;
        line-height: 20px;
    }
}

/*1200px*/
@media (max-width:1200px) and (min-width:901px){    
    .section-title{
        font-size: 35px;
        line-height: 20px;
    }
    .section-subtitle{
        font-size: 16px;
        line-height: 18px;
    }
}

/*900px*/
@media (max-width:900px) and (min-width:701px){    
    .section-title{
        font-size: 30px;
        line-height: 20px;
    }
    .section-subtitle{
        font-size: 14px;
        line-height: 18px;
    }
}

/*700px*/
@media (max-width:700px) and (min-width:551px){    
    .section-title{
        font-size: 25px;
        line-height: 18px;
    }
    .section-subtitle{
        font-size: 12px;
        line-height: 18px;
    }
}

/*550px*/
@media (max-width:550px) and (min-width:431px){    
    .section-title{
        font-size: 20px;
        line-height: 16px;
    }
    .section-subtitle{
        font-size: 12px;
        line-height: 18px;
    }
}

/*430px*/
@media (max-width:430px){    
    .section-title{
        font-size: 18px;
        line-height: 16px;
    }
    .section-subtitle{
        font-size: 10px;
        line-height: 10px;
    }
}