/* hide scrollbar but allow scrolling */
body {
  font-family: "Lato", sans-serif;
  transition: background-color .5s;

  -ms-overflow-style: none; /* for Internet Explorer, Edge */
  scrollbar-width: none; /* for Firefox */
  overflow-y: scroll; 
}

body::-webkit-scrollbar {
  display: none; /* for Chrome, Safari, and Opera */
}

.pageHeader {
  padding:5px;
  font-size:30px;
  text-align: left;
}

/* Large rounded red border */
hr.newrow {
  border: 3px solid #CC3333;
  border-radius: 5px;
}


ol {
  counter-reset: item;
  padding-bottom:20px;
}
li {
  display: block;
  color: rgb(0,0,0);
  padding-top:5px;
  font-size: 26px;
}
li a {
  text-decoration: none;
  color: rgb(0,0,0);
}

li a:hover {
  color: #CC3333; 
  font-weight: bold;
}

li:before {
  content: counters(item, ".") " ";
  counter-increment: item;
  
}
      





div.gallery {
  border: 3px solid #393939;
 
}

div.gallery:hover {
  border: 3px solid #CC3333;
}

div.gallery img {
  width: 100%;
  height: auto;
}

div.desc {
  padding: 15px;
  text-align: center;
}

* {
  box-sizing: border-box;
}

.responsive {
  padding: 0 6px;
  float: left;
  width: 23%;
}

@media only screen and (max-width: 700px) {
  .responsive {
    width: 48%;
    margin: 6px 0;
  }
}

@media only screen and (max-width: 500px) {
  .responsive {
    width: 100%;
  }
}

.clearfix:after {
  content: "";
  display: table;
  clear: both;
}