*{
  margin: 0px;
}

li::before{
  list-style: none;
  content:"\058E";
  color: crimson;
}

li{
  margin: 5px;

  font-family: Verdana, Geneva, Tahoma, sans-serif;

}

#page-container {
  position: relative;
  min-height: 100vh;
}

#header{
    height: 10%;
    background-color: burlywood;
}

#header > h1 {
    text-align: center;
}

.index_page{
    background-color: rgb(250, 250, 250);
}

.flex-envelope{
    display: flex;
    flex-wrap: nowrap;
    padding-bottom: 2.5rem; 
    /* flex-direction: row; */
}

.flex-sidebar {
  display: flex;
  background-color: #f1f1f1;
  width: 64.97px;
  height: 15%;
  flex-wrap: wrap ;

}

.gallery_list{
  list-style-type: none;
  display: grid;
  overflow: hidden;
  grid-template-columns: repeat(4, 1fr);
  grid-template-rows: repeat(4, 1fr);
  gap: 60px;
  padding: 5px;
}

.list_block::before{
  content: none;
}

@media only screen and (max-width: 1020px) {
  .flex-envelope{
    display: flex;
    flex-wrap: wrap;
    padding-bottom: 7rem; 
    /* flex-direction: column; */
  } 
    .flex-sidebar {
      display: flex;
      flex-wrap: nowrap;
      background-color: grey;
      width: 100%;
      flex-direction: row;
      align-self: center;
    }

    
  }

@media only screen and (max-width: 1700px) {
  .gallery_list{
    list-style-type: none;
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(3, 1fr);
    grid-template-rows: repeat(3, 1fr);
    gap: 60px;
    padding: 50px;
  }
}

@media only screen and (max-width: 1320px) {
  .gallery_list{
    list-style-type: none;
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    gap: 60px;
    padding: 50px;
  }
}

@media only screen and (max-width: 720px) {
  .gallery_list{
    list-style-type: none;
    display: grid;
    overflow: hidden;
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(1, 1fr);
    gap: 60px;
    padding: 50px;
  }
}


.flex-topiclist{
  display: flex;
  flex-wrap: wrap;
  margin-left: 50px;
}



.menulink{
    background-color: #f1f1f1;
    width: 90%;
    margin: 10px;
    text-align: center;
    line-height: 75px;
    font-size: 15px;
    align-self: center;
  }


  .level1 > h1{
margin-left: 5px;
margin-right: 0px;
margin-bottom: 14px;
margin-top: 10px;
font-family: Arial, Helvetica, sans-serif;
  }

  .level1 > ul{
      margin-top: 20px;
      margin-right: 48px;
      margin-left: 5px;
      list-style-type: none;
  }



#picture_flex{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
    }




.list_block{
      height: 500px;
      width: 350px;
    }

.image_box{
  height: 300px;
  width: 350px;

    }

.gallery_image{
      height: 300px;
      width: 350px;
      /* object-fit:cover; */
    }

.content{
      list-style-type: none;
      text-align: center;
      background-color: grey;
      font-size: larger;
    }

  #monday{
    margin: 50px;
  }

  .article_body{
    display: flex;
    flex-wrap: wrap;
    /* justify-content: center; */
  }

  .article_body > p{
    font-family: Arial, Helvetica, sans-serif;
    font-size: medium;
    margin-top: 5px;
    margin-bottom: 40px;
    margin-left: 20%;
    margin-right: 20%;
  }

  .article_body > h2{
    margin-left: 20%;
    margin-bottom: 40px;
    color: crimson;
  }

  .footer {
    box-sizing: border-box;
    height: 90px;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    padding: 0px 0;
    margin: 0 0px;
    border-top: 1px solid #C7CDD1;
    z-index: -1;
    
}