@media only screen and (min-width: 320px) and (max-width: 479px){
    .bd_title{
        text-align: center;
        position: absolute;
        color: #fff;
    }
    html{
        font-size: 8px;
    }
    .h3{
        display: none;
    }

}
@media only screen and (min-width: 480px) and (max-width: 639px){
    .bd_title{
        text-align: center;
        position: absolute;
        color: #fff;
    }
    html{
        font-size: 12px;
    }
    .h3{
        display: none;
    }
}
@media only screen and (min-width: 640px) and (max-width: 749px){
    .bd_title{
        text-align: center;
        position: absolute;
        color: #fff;
    }
    html{
        font-size: 12px;
    }
    .h3{
        display: none;
    }
}
@media only screen and (min-width: 750px) and (max-width: 959px){
    .bd_title{
        text-align: center;
        position: absolute;
        color: #fff;
    }
    html{
        font-size: 12px;
    }
    .h3{
        display: none;
    }
}
@media only screen and (min-width: 960px) and (max-width: 1241px){
    .bd_title{
        text-align: center;
        position: absolute;
        color: #fff;
    }
    html{
        font-size:12px;
    }
    
}
@media only screen and (min-width: 1242px){
    .bd_title{
        text-align: center;
        position: absolute;
        color: #fff;
    }
    html{
        font-size:16px;
    }
    
}