.pp {
    font-size: 40px;
    font-family: 'Old English Text MT';
    color: #282323;
}

.pp1 {
    font-size: 25px;
    font-family: 'Book Antiqua';
    color: #282323;
}

.pp2 {
    font-size: 25px;
    font-family: 'Book Antiqua';
    color: #282323;
}

.kl {
    font: bold;
    font-family: 'Book Antiqua';
    font-size: 15px
}

.ll {
    border: solid;
    border-width: 1px;
    border-color: #282323;
    padding: 10px;
}

    .ll legend {
        font-family: 'Book Antiqua';
        font-size: 15px;
        background-color: #11407a;
        color: #ffffff;
        border: solid;
        border-radius: 30px 0px 30px 0px;
        padding:10px;
    }
    .bb{
        background-color:#f6f3f3;
    }
@media screen and (max-width:667px) {
    .pp {
        font-size: 25px;
        font-family: 'Old English Text MT';
        color: #282323;
        text-align:center;
    }

    .pp1 {
        font-size: 15px;
        font-family: 'Book Antiqua';
        color: #282323;
        text-align: center;
    }

    .pp2 {
        font-size: 15px;
        font-family: 'Book Antiqua';
        color: #282323;
        text-align: center;
    }
   
}
@media screen and (min-width:978px) {


    #kk h1 {
        font-size: 32px
    }
}
@media screen and (max-width:900px) {


    #kk h1 {
        font-size: 26px
    }
}

@media screen and (min-width:750px) and (max-width:900px) {


    #kk h1 {
        font-size: 24px
    }
}
@media screen and (max-width:650px) {
  
    #kk h1 {
        font-size: 22px
    }

    #klk {
        font-size: 13px;
    }
}