.frame-type-header{
  margin: 30px 0;
  text-align: center;
}
@media only screen and (min-width: 1024px) {
  .frame-type-header{
    margin: 80px 0;
  }
}

.frame-type-header h1{
  font-family: 'Amatic Sc';
  font-size: 45px;
  line-height: 45px;
}
@media only screen and (min-width: 1024px) {
  .frame-type-header h1{
    font-size: 80px;
    line-height: 80px;
  }
}


.frame-type-text{
  margin: 30px auto;
  line-height: 2em;
}
@media only screen and (min-width: 1024px) {
  .frame-type-header{
    margin: 80px auto;
  }
}

#c54,
#c272,
#c389{
  border-bottom: 10px solid #98bd29;
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 0;
}
@media only screen and (min-width: 1024px) {

  #c54,
  #c272,
  #c389{
    margin-bottom: inherit;
  }
}

#c52,
#c273,
#c387{
  background: #FFF;
  padding: 30px;
  z-index: 3;
  position: relative;
  margin-top: 0;
}
@media only screen and (min-width: 1024px) {
  #c52,
  #c273,
  #c387{
    padding: 60px;
    margin-top: -140px;
  }
}

#c53,
#c274,
#c388{
  margin-bottom: 150px;
}

:is(#c53,#c274,#c388) .ce-bodytext{
  padding: 30px;
  line-height: 2em;
}
@media only screen and (min-width: 1024px) {
  :is(#c53,#c274,#c388) .ce-bodytext{
    padding: 60px;
  }
}

:is(#c53,#c274,#c388) .ce-gallery{
  position: relative;
  padding-bottom: 10px;
  padding-right: 10px;
  margin-bottom: 0;
  margin-right: 0;
  width: 100%;
}

@media only screen and (min-width: 1024px) {
  :is(#c53,#c274,#c388) .ce-gallery{
    max-width: 50%;
  }
}

:is(#c53,#c274,#c388) .ce-gallery::after{
  width: 240px;
  height: 240px;
  background: #98bd29;
  opacity: .5;
  position: absolute;
  bottom: 0;
  right: 0;
  content: '';
  display: block;
  z-index: -1;
}


.frame header h2{
  font-family: 'Amatic Sc';
  font-size: 35px;
  line-height: 35px;
  margin-bottom: 30px;
}
@media only screen and (min-width: 1024px) {
  .frame header h2{
    font-size: 50px;
    line-height: 50px;
  }
}

.ce-gallery img{
  max-width: 100%;
  height: auto;
}

:is(#c53,#c274,#c388) ul{
  padding-left: 0;
}

@media only screen and (min-width: 1040px) {
  :is(#c53,#c274,#c388) ul{
    padding-left: 30px;
  }
}

:is(#c53,#c274,#c388) li{
  padding-left: 40px;
  position: relative;
  margin-top: 30px;
  line-height: 1.6em;
}

:is(#c53,#c274,#c388) li::before{
  content: '';
  width: 24px;
  height: 24px;
  background-image: url("../../images/pics/check.png");
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
  display: block;
  position: absolute;
  left: 0;
}