body {
font-family: 'Noto Sans Mono', serif;
text-align: center;
}

.display{
    color: #c40909;
    font-size:25px;
}
.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  width: 50%;
}

ul {
  list-style: none; /* Remove default bullets */
}
 /* unvisited link */
a:link {
  color: #808080;
  text-decoration: none; 
}

/* visited link */
a:visited {
  color: #808080;
  text-decoration: none; 
}

/* mouse over link */
a:hover {
  color: #c40909;
  text-decoration: none; 
}

/* selected link */
a:active {
  color: #c40909;
  text-decoration: none; 
} 
img {
  max-width: 100%;
  display: block;
}

@media (max-width: 600px) {
     .center img{
        min-width:200px;
        min-height:200px;
       
    }
   .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 100%;
    } 
     .grey{
    color:#808080;
    }
     ul li::before {
  content: "\2022";  /* Add content: \2022 is the CSS Code/unicode for a bullet */
  color: #c40909; /* Change the color */
  font-weight: bold; /* If you want it to be bold */
  font-size:15px;
  display: inline-block; /* Needed to add space between the bullet and the text */
  width: 1em; /* Also needed for space (tweak if needed) */
  margin-left: -1em; /* Also needed for space (tweak if needed) */
}
}

@media (min-width: 601px) {
  img{
      max-width:50%;
      padding-left:-10px;
    }
    .center {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 70%;
    }  
     .grey{
    color:#808080;
    border-right:solid 3px #cccccc;
    text-align:left;
    }
    #menu li {
  display:inline;
  padding:4px;
}
}