#blog-page-main .blog-articles{display:grid;grid-template-columns:1fr;justify-content:center;padding-top:60px;padding-bottom:60px}#blog-page-main .blog-articles .blogRoll{box-shadow:0 0 1px #8f8f8f;border-radius:2px;display:grid;grid-template-columns:1fr;grid-template-rows:200px auto;margin-bottom:20px;cursor:pointer}#blog-page-main .blog-articles .blogRoll>div:nth-of-type(1){background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 0 1px #8f8f8f;height:100%;width:100%}#blog-page-main .blog-articles .blogRoll>div:nth-of-type(1) img{height:100%;object-fit:cover;object-position:center;max-width:100%}#blog-page-main .blog-articles .blogRoll>div:nth-of-type(2){display:flex;flex-direction:column;gap:10px;padding:20px;justify-content:flex-start}#blog-page-main .blog-articles .blogRoll>div:nth-of-type(2) h2{font-size:1.5rem;line-height:1.7rem;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}#blog-page-main .blog-articles .blogRoll>div:nth-of-type(2) .content{font-size:.8rem;letter-spacing:1px;line-height:1.15rem;overflow:hidden;display:-webkit-box;padding:0;-webkit-line-clamp:3;-webkit-box-orient:vertical}#blog-page-main .blog-articles .blogRoll>div:nth-of-type(2) .content a{color:#6eb444}#blog-page-main .blog-articles .blogRoll>div:nth-of-type(2) .date{font-size:.8rem}#blog-page-main .blog-articles .blogSingle{display:grid;gap:30px;grid-template-columns:1fr;grid-template-rows:200px auto}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(1){background-position:center;background-size:cover;background-repeat:no-repeat;box-shadow:0 0 1px #8f8f8f;height:100%;width:100%}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(1) img{height:100%;object-fit:cover;object-position:center;max-width:100%}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2){display:flex;flex-direction:column;gap:10px;justify-content:flex-start}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) h2{font-size:1.5rem;line-height:1.7rem}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) .content{padding:0}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) .content p,#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) .content li{font-size:.9rem;letter-spacing:1px;line-height:1.15rem}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) .content ul{margin-left:20px}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) .content h2{margin-top:30px}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) .content p,#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) .content ul{margin-top:10px}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) .content li>ul{margin-top:0}#blog-page-main .blog-articles .blogSingle>div:nth-of-type(2) .date{display:none}#blog-page-main .blog-history{align-items:flex-start;display:grid;gap:60px;grid-template-columns:1fr;grid-template-rows:720px 620px}#blog-page-main .blog-history .blog-recent{display:grid;grid-template-rows:30px 600px;padding-top:60px;padding-bottom:60px;width:100%}#blog-page-main .blog-history .blog-recent>div{height:600px;overflow-y:scroll}#blog-page-main .blog-history .blog-recent>div ul{list-style-type:none;padding:0}#blog-page-main .blog-history .blog-recent>div ul li .blogRecent{margin-bottom:10px}#blog-page-main .blog-history .blog-recent>div ul li .blogRecent a{display:block;margin:auto;padding:16px 16px 4px 16px;font-size:24px;font-weight:700;letter-spacing:4px;text-align:center;text-transform:uppercase;text-decoration:none;border:solid 4px #6eb444;color:#000;cursor:pointer}#blog-page-main .blog-history .blog-categories{display:grid;grid-template-rows:30px 600px;width:100%}#blog-page-main .blog-history .blog-categories>div{height:600px;overflow-y:scroll}@media screen and (min-width: 768px){#blog-page-main{display:grid;grid-template-columns:60% 40%;grid-template-areas:"holder blog-history" "blog-articles blog-history"}#blog-page-main .holder{grid-area:holder;margin-top:60px}#blog-page-main .blog-articles{grid-area:blog-articles;padding-top:0}#blog-page-main .blog-articles .blogSingle{grid-template-rows:260px auto}#blog-page-main .blog-history{grid-area:blog-history}}@media screen and (min-width: 1024px){#blog-page-main .blog-articles .blogRoll{grid-template-rows:350px auto;margin-bottom:40px}#blog-page-main .blog-articles .blogSingle{grid-template-rows:320px auto}}@media screen and (min-width: 1536px){#blog-page-main .blog-articles .blogRoll{grid-template-rows:380px auto}#blog-page-main .blog-articles .blogSingle{grid-template-rows:360px auto}}