body {height: 100%;}
footer.edit-section {margin-top: 92px;}

/* ---------------------------- */
/* NEWS ------ */
/* --------------------------- */
section.news-section {position: relative;margin-top: 118px;min-height: calc(100% - 452px);}
section.article {position: relative;margin-top: 108px;padding-bottom: 20px;}
.news-section .news-wrap {margin: 12px 24px 0px;overflow: hidden;}
.article .article-wrap {margin: 0px 22px 0px;overflow: hidden;}
.news-section h1 {font-size: 24px;margin-left: 22px;margin-right: 22px;display: flex;align-items: center;flex-direction: row;position: relative;justify-content: space-between;}
.article h1 {font-size: 20px;margin-left: 22px;margin-right: 22px;display: flex;align-items: center;flex-direction: row;position: relative;justify-content: space-between;line-height: 1.4;}

#vrtimg figure {margin: 18px auto 0;}
#vrtimg figure img {width: 100%;height: auto;}
#vrtimg figcaption {text-align: left;font-size: 12px;color: #555;margin-top: 12px;}

.news-section .news-body {width: 100%;margin-top: 24px;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.news-section .news-body .text-content {display: flex;flex-direction: column;width: calc(100% - 122px);margin-left: 18px;}
.news-section .news-body a {display: block;color: #242424;}
.news-section .news-body img {display: block;width: 100px;height: 100px;aspect-ratio: 1 / 1;flex-shrink: 0;border-radius: 5px;background-color: #e5e5e5;}
.news-section .news-body h3 {font-family: "Roboto", sans-serif;font-weight: 500;font-style: normal;font-size: 15px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;text-overflow: ellipsis;}
.news-section h2.home span {margin-right: 12px;}
.news-section .news-body p {margin-top: 8px;font-family: "Roboto", sans-serif;font-weight: 400;font-style: normal;font-size: 13px;display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 3;overflow: hidden;text-overflow: ellipsis;}

.article .article-wrap p {font-family: "Roboto", sans-serif;font-weight: 400;font-style: normal;font-size: 17px;margin-top: 22px;line-height: 1.3;}
.article .article-wrap .media {margin-top: 22px;display: block;}
.article .article-wrap a {}
.article .article-wrap ul {font-family: "Roboto", sans-serif;font-weight: 400;font-style: normal;font-size: 16px;margin-top: 22px;margin-left: 10px;padding-bottom: 12px;line-height: 1.3;}
.article .article-wrap ul li {margin-top: 22px;}
.article .article-wrap ul.mini li {margin-top: 12px;}

.photo-gallery {font-family: "Roboto", sans-serif;font-weight: 500; font-style: normal; font-size: 14px; margin-top: -22px; text-align: right; margin-right: 12px;}
.photo-gallery span {display: inline-block;border: 1px solid #002; padding: 6px 14px 5px 14px; background: #dcedc8; border-radius: 6px;}
.photo-gallery span a {color:#242424;text-decoration:none;}
.photo-gallery span a:hover {text-decoration:underline;}

/* ---------------------------- */
/* DOWN ------ */
/* --------------------------- */
/* - !!!!!!!!!!!! - - - 330 px - - - !!!!!!!!!!!! - */
@media screen and (max-width: 330px) {
.news-section .news-body {margin-top: 22px;}
.news-section .news-body .text-content {margin-left: 14px;width: calc(100% - 112px);}
.news-section .news-body img {width: 94px;height: 94px;}
.news-section .news-body h3 {font-size: 14px;}
}

/* ---------------------------- */
/* UP ------ */
/* --------------------------- */
/* - !!!!!!!!!!!! - - - 375px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 375px) {
.news-section .news-body h3 {font-size: 16px;}
}

/* - !!!!!!!!!!!! - - - 390px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 390px) {
.news-section .news-body .text-content {width: calc(100% - 132px);}
.news-section .news-body img {width: 110px;height: 110px;}
.news-section .news-body p {font-size: 14px;margin-top: 10px;}
}

/* - !!!!!!!!!!!! - - - 410px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 410px) {
.news-section .news-body .text-content {width: calc(100% - 142px);}
.news-section .news-body img {width: 120px;height: 120px;}
.news-section .news-body p {font-size: 15px;margin-top: 8px;}
}

/* - !!!!!!!!!!!! - - - 420px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 420px) {
.news-section .news-body p {-webkit-line-clamp: 4;}
}

/* - !!!!!!!!!!!! - - - 520px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 520px) {
.news-section .news-wrap, .article .article-wrap {margin: 12px 34px 0px;}
.news-section .news-body p {-webkit-line-clamp: 5;}
.news-section h1, .article h1 {margin-left: 32px;margin-right: 32px;}
}

/* - !!!!!!!!!!!! - - - 640px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 640px) {
.news-section .news-body .text-content {width: calc(100% - 175px);}
.news-section .news-body img {width: 150px;height: 150px;}
.news-section .news-body h3 {font-size: 17px;}
.news-section .news-body p {font-size: 16px;margin-top: 10px;}
}

@media (min-width: 680px) {
#vrtimg figure {float: left;width: 40%;margin: 26px 32px 22px 0;}
#vrtimg figure p {margin: 22px 0 16px 0;}
}



/* - !!!!!!!!!!!! - - - 760px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 760px) {
footer.edit-section {margin-top: 92px;}
section.news-section {margin-top: 138px;}
section.article {margin-top: 138px;}
.news-section .news-wrap {margin: 32px 44px 0px;/* display: flex; *//* flex-wrap: wrap; *//* align-content: flex-start; *//* justify-content: space-between; */display: grid;grid-template-columns: repeat(3, 1fr);gap: 22px;}
.article .article-wrap {margin: 4px 44px 0px;}
.news-section .news-body {/* width: 31%; */background-color: #eceff180;display: flex;flex-direction: column;flex-wrap: nowrap;border-radius: 0 0 5px 5px;margin-top: 10px;}
.news-section .news-body img {width: 100%;height: auto;border-radius: 5px 5px 0 0;}
.news-section .news-body .text-content {margin: 14px;width: auto;display: block;overflow: hidden;}
.news-section .news-body a {margin-top: 0;}
.news-section .news-body h3 {font-size: 16px;display: block;-webkit-box-orient: unset;-webkit-line-clamp: unset;text-overflow: unset;}
.news-section .news-body p {font-size: 15px;margin-top: 10px;display: block;-webkit-box-orient: unset;-webkit-line-clamp: unset;text-overflow: unset;}
.news-section h1 {margin-left: 42px;margin-right: 42px;}
.article h1 {margin-left: 42px;margin-right: 42px;font-size: 22px;}
.article .article-wrap p {font-size: 18px;}
.article .article-wrap ul {font-size: 17px;}
.photo-gallery {font-size: 16px;}
.photo-gallery span {padding: 8px 28px 7px 28px;}
}

/* - !!!!!!!!!!!! - - - 1010 px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1010px) {
.news-section h1, .article h1 {margin-left: 52px;margin-right: 52px;font-size: 26px;}
.news-section .news-wrap {margin: 22px 54px 10px;gap: 24px;}
.article .article-wrap {margin: 10px 54px 10px;}
.news-section .news-body .text-content {margin: 18px;}
.news-section .news-body a:hover {color: #0c6add;}
.news-section .news-body h3 {font-size: 18px;}
.news-section .news-body p {font-size: 16px;}
}

/* - !!!!!!!!!!!! - - - 1270px - - - !!!!!!!!!!!! - */
@media screen and (min-width: 1270px) {
footer.edit-section {margin-top: 120px;}
section.news-section {margin: 152px auto 0;width: 900px;}
section.article {margin: 142px auto 0;width: 900px;}
.news-section h1, .article h1 {margin: 0;}
.news-section .news-wrap {margin: 32px auto 0px;}
.article .article-wrap {margin: 10px auto 0px;}
}