@media only screen and (max-width:567px) {
    #logo_details {
        text-align: center;
        display: block;
        font-size: 12px;
    }

    img.logo {
        display: block;
        width: 50px;
        height: 50px;
    }

    .inst_name {
        font-size: medium;
    }

    .copyright {
        font-size: small;
    }

    .credits {
        font-size: small;
    }

}
@media only screen and (max-width:460px) {
    h1{
      font-size:12px;  
    }
    #logo_details{
        font-size:10px;
    }
    img.logo{
        align-self:center;
    }
}