.onepostselection {
    max-width: 400px;
    margin-left: 50px;
    padding-bottom: 50px;
    min-height: 1255px;
}

blogpost {
    position: relative;
}

paginator {
    position: absolute !important;
    bottom: 0px;
}
.pagesegment {
    margin-right: 50px;
}
.pagesegment h1 {
    font-size: 2rem;
    color: var(--secondary);
}

.pagesegment h2, .pagesegment h3 {
    color: var(--contrast-2);
    font-size: 1.5rem;
    margin-bottom: 10px;
}

.pagesegment p, .pagesegment ul li, .pagesegment ol li  {
    font-size: var(--fsize4);
    color: var(--contrast-4);
    width: 100%;
}
.pagesegment ul {
    list-style-type: disc;
    margin-left:40px;

}
menuh a {
    padding: 0;
}
.pagesegment img {
    width: 100%;
    height: auto;
}
@media (max-width:1200px) {
menubutton, menuclose, menuleft, menuright,menu {
    display: none !important;
  }
}
@media (max-width:1024px) {
    menuh {
        display: flex !important;
      }

}
@media (max-width:900px) {
    .onepostselection {
      margin-left: 20px;
  }

  .pagesegment {
    margin-right: 20px;
  };
}
@media (max-width:700px) {
    .onepostselection {
     display: none;
  }
}
@media (max-width:545px) {
    .blogpostbtn {
     display: none;
  }
}

@media (max-width:350px) {
    .pagesegment h1 {
        font-size: 1.8rem;
    }
    .pagesegment {
        min-width: 250px;
    }
}
.mr-20 {
    margin-right: 20px;
}

blogpost h1 {
    font-size: 1.2rem;
    line-height: 1.1;
}
blogpost h2 {
    font-size: 1rem;
    margin-bottom: 10px;
    color: white;

}
blogpost h3 {
    font-size: 0.95rem;
}
blogpost p {
    font-size: 0.85rem;
}
blogpost a {
    font-family: var(--font1);
}