h2 {margin-top:35px; font-size:25px; font-size:4rem; line-height:28px; line-height:5rem; font-weight:700;}
figcaption {display:block !important; color:#666; font-size:12px; font-size:1.2rem; text-align:center;}
#contact {background-color:#7F7D7E;}

.link-button {padding:13px 16px; background-color:#ccc; color:#333;}
.link-button:hover {color:#fff; background-color:#059955;}

#content .section-inner {max-width:1280px;}
.col-1 > .col > .frame-default {max-width:1280px;}

.col-1 > .col > .frame-layout-0 {padding:30px;}

.frame-layout-1 {padding:0 0 30px 0;}
.frame-layout-1 .ce-bodytext {padding:0 30px;}
.frame-layout-1 h3 {font-size:3.0rem; line-height:5.0rem; font-weight:700;}

.col-1 > .col > .frame-layout-2 {max-width:830px; margin:0 auto; padding:0; margin-bottom:5px !important;}
.frame-layout-2 h2 {font-weight:normal;}
.frame-layout-2 h2::after {content:"\f107";}
.frame-layout-2 .act h2::after {content:"\f106";}
.frame-layout-2 h2:hover, .frame-layout-2 .act h2 {background-color:#f5f5f5; color:#059955;}

.col-1 > .col > .frame-layout-3 {max-width:1920px; padding-top:100px; padding-bottom:100px; color:#333; background-color:#f7f7f7;}
.col-1 > .col > .frame-layout-4 {max-width:1920px; padding-top:100px; padding-bottom:100px; color:#fff; background-color:#172A3A;}
.col-1 > .col > .frame-layout-5 {max-width:1920px; padding-top:100px; padding-bottom:100px; color:#fff; background-color:#5CB77A;}
.col .frame-layout-3 .text-frame, .col .frame-layout-4 .text-frame, .col .frame-layout-5 .text-frame {max-width:800px; margin:0 auto; padding:0 50px; text-align:center;}
/*
.col .frame-layout-3 .text-frame::before {content:"\201c"; left:0; bottom:30px; font-family:"Times New Roman",Times,serif; position:absolute; opacity:0.2; height:50px; line-height:1.1; font-size:90px; display:block; top:30px;}
.col .frame-layout-3 .text-frame::after {content:"\201c"; right:0; bottom:30px; font-family:"Times New Roman",Times,serif; position:absolute; opacity:0.2; height:50px; line-height:1.1; font-size:90px; display:block; top:30px;}
*/
.col .frame-layout-3 .text-frame h2, .col .frame-layout-4 .text-frame h2, .col .frame-layout-5 .text-frame h2 {margin:0 auto; text-align:center;}
.col .frame-layout-3 .text-frame h2::before, .col .frame-layout-4 .text-frame h2::before, .col .frame-layout-5 .text-frame h2::before {content:"\201e";}
.col .frame-layout-3 .text-frame h2::after, .col .frame-layout-4 .text-frame h2::after, .col .frame-layout-5 .text-frame h2::after {content:"\201c";}

/* text/image combo within col-1 */
.col-1 > .col > .frame-type-textmedia .ce-textpic,
.col-1 > .col > .frame-type-textpic .ce-textpic  {display:flex; flex-wrap:wrap; gap:2%;}
.col-1 > .col > .frame-type-textmedia .ce-textpic .ce-bodytext,
.col-1 > .col > .frame-type-textmedia .ce-textpic .ce-gallery,
.col-1 > .col > .frame-type-textpic .ce-textpic .ce-bodytext,
.col-1 > .col > .frame-type-textpic .ce-textpic .ce-gallery {width:49%; margin:0;}
.col-1 > .col > .frame-type-textmedia .ce-textpic h2,
.col-1 > .col > .frame-type-textpic .ce-textpic h2 {margin-top:0;}
.col-1 > .col > .frame-type-textmedia figure {display:block;}
.col-1 > .col > .frame-type-textmedia .video-embed-item {width:100%; height:auto; aspect-ratio: 16/9;}
.col-1 > .col > .frame-type-textmedia .ce-column {float:none;}

.col-1 .frame-type-image .ce-center .ce-outer,
.col-1 .frame-type-image .ce-center .ce-inner {float:none;}
.col-1 .frame-type-image .ce-row .ce-column {float:none;}
.ce-gallery[data-ce-columns="3"] .ce-row {display:flex; flex-wrap:wrap; gap:30px; margin-bottom:30px;}
.ce-gallery[data-ce-columns="3"] .ce-row .ce-column {flex: 1 1 calc(33.333% - 30px); margin-right:0;}


.ce-gallery[data-ce-columns="2"] .ce-row {display:flex; flex-wrap:wrap; gap:30px; margin-bottom:30px;}
.ce-gallery[data-ce-columns="2"] .ce-row .ce-column {flex: 1 1 calc(50% - 30px); margin-right:0;}

@media only screen and (max-width:1200px) {
  .col-1 > .col > .frame-layout-3 h2,
  .col-1 > .col > .frame-layout-4 h2,
  .col-1 > .col > .frame-layout-5 h2 {font-size: 38px; line-height: 45px;}
}    

@media only screen and (max-width:992px) {
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-bodytext,
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-gallery,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-bodytext,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-gallery {width:100%; margin:0 0 20px 0; float:none;}
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-bodytext,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-bodytext {order:2;}
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-gallery,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-gallery {order:1;}
.col-1 .col > .frame-type-textmedia .ce-textpic .ce-column,
.col-1 .col > .frame-type-textpic .ce-textpic .ce-column  {float:none !important;}
.col-1 .col > .frame-type-textpic .ce-textpic .ce-column img {max-width: none !important; width:100%;}
.col-1 .col > .frame-type-textpic .ce-textpic .ce-gallery figure {display:block;}
}    


@media only screen and (max-width:992px) {

}    

@media only screen and (max-width:830px) {
.col-1 > .col > .frame-layout-2 {margin:0 30px;}
}

@media only screen and (max-width:768px) {
  .col-1 > .col > .frame-layout-3 h2,
  .col-1 > .col > .frame-layout-4 h2,
  .col-1 > .col > .frame-layout-5 h2 {font-size: 28px; line-height: 33px;}

  .ce-gallery[data-ce-columns="2"] .ce-row .ce-column,
  .ce-gallery[data-ce-columns="3"] .ce-row .ce-column {display:flex; justify-content: center; flex: 1 1 100%;}
}   

@media only screen and (max-width:640px) {
  .col-1 > .col > .frame-layout-3 h2,
  .col-1 > .col > .frame-layout-4 h2,
  .col-1 > .col > .frame-layout-5 h2 {font-size: 23px; line-height: 27px;}
}