body{
    margin: 0;
    font-family: 'Roboto Mono', monospace;
}

.classes-header {
    display: block;
    margin-top: 100px;
    background-color: #789388;
    padding: 20px;
    text-align: center;
    margin-top: 160px;
}

.classes-header a {
    text-decoration: none;
    color: #000;
}

.classes-header a:hover {
    color: #fff;
}

@media (max-width: 991.98px) {
    .classes-header {
      margin-top: 150px; /* Increase margin for mobile */
    }
  } 

.class-infp {
    padding: 20px;
}
p,
h1 {
    text-align: center;
    padding: 10px;
}

h1 {
    padding-top: 35px;
}

.class-info p{
    text-align: center;
}