.blogs{
    display:flex;
    flex-wrap:wrap;

}

.blogs > * {
    width:100%;
    padding:1rem;
}



@media (min-width:768px) {
    .blogs > * {
        width:calc(100% / 3);
    }
}


.blogss{
    width: 780px;
    margin: auto;
    padding: 0em 0 4em 0;
}


@media (max-width:768px) {
    .blogss{
        width: 95%;
        margin: auto;
    }
}



body, input, select, textarea {
    color: #7f888f;
    font-family: "Open Sans", sans-serif;
    font-size: 15pt;/*13 original15*/
    font-weight: 400;
    line-height: 1.65; }
    @media screen and (max-width: 1680px) {
      body, input, select, textarea {
        font-size: 13pt; } }/*11 original13*/
    @media screen and (max-width: 1280px) {
      body, input, select, textarea {
        font-size: 12pt; } }/*10 original12*/
    @media screen and (max-width: 360px) {
      body, input, select, textarea {
        font-size: 11pt; } }/*9 original11*/