body {
  background-color: #eee;
}

 .container {
    justify-content: flex-start !important;
 }
 .PSJTop {
    padding: 0.5rem !important; 
 }
 .PSJLogo {
    display: block !important;
    margin: auto !important;
    padding-right: 1.2rem !important;
 }
 .PSJLogoNormal {
    height: 30px;
 } 
 .PSJText {
    padding-left: 0.7rem;
 }

@media (min-width: 768px) {
    .PSJTop {
    padding: 0.8rem !important;
    }
    .PSJLogo {
        padding-left: 2rem !important;
    }
    .PSJLogoNormal {
        height: 50px;
    }
    .PSJText {
        padding-left: 1.1rem;
    }
}

@media (min-width: 1024px) {
    .PSJTop {
    padding: 0.8rem !important;
    }
    .PSJLogo {
        padding-left: 2rem !important;
    }
    .PSJLogoNormal {
        height: 50px;
    }
    .PSJText {
        padding-left: 1.1rem;
    }
}