.blog-grid {
  margin-top: 5%;
  display: grid;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  background-color: #006237;
  padding-top: 3%;
  padding-bottom: 3%;
}
.blog-grid .bl {
  position: relative;
}
.blog-grid .bl1 {
  grid-column: 1/2;
  grid-row: 1/2;
}
.blog-grid .bl2 {
  grid-column: 1/2;
  grid-row: 2/3;
}
.blog-grid .bl3 {
  grid-column: 2/4;
  grid-row: 1/3;
}
.blog-grid .bl4 {
  grid-column: 4/5;
  grid-row: 1/2;
}
.blog-grid .bl5 {
  grid-column: 4/5;
  grid-row: 2/3;
}
.blog-grid img {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-top: 5%;
  margin-bottom: 5%;
  width: 80%;
  background-color: white;
}
.blog-grid .bl-center {
  margin-top: 0%;
  margin-bottom: 0%;
  width: 100%;
}

.archieve .main {
  flex: 100%;
}
.archieve .main .blog-flex a {
  width: 33.3%;
}
.archieve .sub {
  flex: 0%;
}

.back2 {
  position: absolute;
  top: 0%;
  left: 50%;
  transform: translate(-50%, 0%);
  width: 100%;
  height: auto;
  opacity: 1;
  animation: slideshow 24s linear infinite;
}

.back3 {
  animation-delay: 6s;
  z-index: 3;
}

.back4 {
  animation-delay: 12s;
  z-index: 2;
}

.back5 {
  animation-delay: 18s;
  z-index: 1;
}

.back1 {
  position: absolute !important;
  transform: translate(-50%, 0%);
  z-index: 4;
}

@keyframes slideshow {
  0% {
    opacity: 0;
  }
  9% {
    opacity: 0;
  }
  10% {
    opacity: 1;
    z-index: 30;
  }
  37% {
    opacity: 1;
    z-index: 30;
  }
  38% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
@media (max-width: 700px) {
  .archieve .main .blog-flex a {
    width: 100%;
  }
  .archieve .sub {
    padding: 0;
  }
  .blog-grid {
    grid-template-columns: 1fr 1fr;
  }
  .blog-grid .bl1 {
    display: none;
    grid-column: 1/2;
    grid-row: 1/2;
  }
  .blog-grid .bl2 {
    display: none;
    grid-column: 2/3;
    grid-row: 1/2;
  }
  .blog-grid .bl3 {
    grid-column: 1/3;
    grid-row: 2/4;
  }
  .blog-grid .bl4 {
    grid-column: 1/2;
    grid-row: 4/5;
  }
  .blog-grid .bl5 {
    grid-column: 2/3;
    grid-row: 4/5;
  }
  .blog-grid .bl-center {
    margin-top: 3%;
    margin-bottom: 2%;
    width: 90%;
  }
}/*# sourceMappingURL=te.css.map */