@media only screen and (max-width: 600px) {
    .tophead>a>span {
        display: block;
        width: 100%;
        text-align: center;
        margin: 0px 12px;
        text-decoration: none;
        font-size: 8px;
    }

    .block figure img
{
    width: 280px;
}
    
#toph
{
    display: none!important;
}

.logo img 
{
    height: 100%;
}

.addd
{
    display: none;
}
.hide
{
    display: none;
}

  }

  .card-text {
    font-size: 16px;
    font-weight: 600;
}

.justi{
  justify-content: center;
}

.card-text span{
    font-size: small;
}

.text-title >a>h2
{
    font-size: 15px !important;
    line-height: normal;
}

@media screen and (min-width: 0px) and (max-width: 600px) {
    #my-content { display: block; }  /* show it on small screens */
  }
  
  @media screen and (min-width: 601px) and (max-width: 1500px) {
    #my-content { display: none; }   /* hide it elsewhere */
  }