.py-4 .container　text-center p-title {
    font-family: "Arial Black", Gadget, sans-serif;
    font-style: normal;
    background-color: #1929D7;
    font-size: 30px;
}
.nav.nav-tabs.justify-content-center {
    font-size: large;
}
.top1 {
    background-color: #00A572;
    -webkit-box-shadow: 0px 0px;
    box-shadow: 0px 0px;
}
.top-topic1 {
    background-color: #00A572;
    color: #FFFFFF;
    font-size: small;
}
.top-topic2 {
    background-color: #FFFFFF;
}
.top-topic3 {
    background-color: #00838E;
}
.row.top-topic2 .img-fluid.float-start {
    top: 10px;
    bottom: 10px;
    left: 10px;
    right: 10px;
}
.top-text {
    font-size: xx-large;
    font-weight: 200;
    text-align: left;
}
.color1 {
    color: #FF0000;
}
.text2 {
    font-size: 1.5rem;
    top: 30px;
    left: 30px;
    right: 30px;
    bottom: 30px;
}
.menu1 {
}
.space1 {
    margin-top: 50px;
    margin-bottom: 50px;
}

@media (max-width:575px){
.menu1  {
    font-size: 0.5rem;
}
}

@media (max-width:767px){
.text2 {
    font-size: 1.4rem;
    margin-left: 40px;
    margin-right: 40px;
    margin-top: 40px;
    margin-bottom: 40px;
}
.menu1 {
    font-size: 0.09rem;
}
}

@media (max-width:991px){
.menu1 {
    font-size: 0.5rem;
}
}

@media (min-width:1200px){
.menu1 {
}
}

@media (min-width:992px){
.menu1 {
}
}

@media (min-width:576px){
}

@media (min-width:768px){
.text2 {
    margin-left: 50px;
    margin-right: 50px;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 2rem;
}
.menu1 {
    font-size: 1.3rem;
}
}

@media (max-width:575px){
.menu1 {
    font-size: 0.04rem;
}
}