style.css

*{
    box-sizing: border-box;    
    font-family: 'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif;
    padding: 0px;
    margin: 0px;
    
}
h1{margin-bottom: 70px;
    margin-top: 50px;
    text-align: center;
    font-size: 40px;
    font-family: 'Times New Roman', Times, serif;
}
p{
    border: 2px solid black;
    background-color: rgb(185, 99, 99);
    width: 90%;
    height: 200px;
    margin-left: auto;
    margin-right: auto;
    color: black;
    padding: 10px;
    border-radius: 10px;
    overflow:auto;
}
.row{width: 100%;}
@media(min-width:992px) and (max-width: 1600px){
.col-lg-1, .col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,
.col-lg-10,.col-lg-11,.col-lg-12{
    float: left;
}
.col-lg-1{width: 8.33%;}
.col-lg-2{width: 16.66%;}
.col-lg-3{width: 24.99%;}
.col-lg-4{width: 33.32%;}
.col-lg-5{width: 41.65%;}
.col-lg-6{width: 49.98%;}
.col-lg-7{width: 58.31%;}
.col-lg-8{width: 66.44%;}
.col-lg-9{width: 74.97%;}
.col-lg-10{width: 83.33%;}
.col-lg-11{width: 91.63%;}
.col-lg-12{width: 100%;}
}
@media(min-width:768px) and (max-width:991px){
    .col-md-1,.col-md-2,.col-md-3,.col-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,
    .col-md-10,.col-md-11,.col-md-12{
        float: left;
    }
    .col-md-1{width: 8.33%;}
    .col-md-2{width: 16.66%;}
    .col-md-3{width: 24.99%;}
    .col-md-4{width: 33.32%;}
    .col-md-5{width: 41.65%;}
    .col-md-6{width: 50%;}
    .col-md-7{width: 58.31%;}
    .col-md-8{width: 66.44%;}
    .col-md-9{width: 74.97%;}
    .col-md-10{width: 83.33%;}
    .col-md-11{width: 91.63%;}
    .col-md-12{width: 100%;}
}
@media(min-width: 767px) and (max-width: 600px){
    .col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,
    .col-sm-10,.col-sm-11,.col-sm-12{
        float: left;
        
    }
    .col-sm-1{width: 8.33%;}
        .col-sm-2{width: 16.66%;}
        .col-sm-3{width: 24.99%;}
        .col-sm-4{width: 33.32%;}
        .col-sm-5{width: 41.65%;}
        .col-sm-6{width: 49.98%;}
        .col-sm-7{width: 58.31%;}
        .col-sm-8{width: 66.44%;}
        .col-sm-9{width: 74.97%;}
        .col-sm-10{width: 83.33%;}
        .col-sm-11{width: 91.63%;}
        .col-sm-12{width: 100%;}
}
p1{
    float: right;
      position: relative;
        left: 10px;
        box-sizing: content-box;
        height: 30px;
        width: 170px;
        border: 2px solid black;
        text-align: center;
        margin-top: -10px;
        padding: 10px 0px 0px 0px;
        border-right: 0px;
        border-top: 0px;
        background-color: rgb(197, 163, 119);
        border-radius: 9px;
        font-size: 20px;
}
p2{
    position: relative;
    top: 30px;
    color: black;
}