/* Webfonts in use
  OpenSans, OpenSansBold, OpenSansItalic
*/
/* FontAwesome:
   Brands: :"Font Awesome 5 Brands";font-style:normal;font-weight:normal;
   Light: :"Font Awesome 5 Pro"; font-style:normal; font-weight:300;
   Reg: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:400;
   Bold: font-family:"Font Awesome 5 Pro"; font-style:normal; font-weight:900;
*/

#content {padding:0;}
#content > div:last-child {margin-bottom:0;}
.fullwidth-grid,
.section-inner-grid {margin-bottom:50px;}
#wrapper > footer {margin-top:0;}

#topbox {border-bottom:none;}
#slider {overflow:hidden; position: relative; max-width: 1200px; margin:auto;}
#slider .frame {}
#slider .frame > header {position: absolute; top: 50%; transform: translateY(-50%); margin:0 auto; left: 0; right: 0; width: 100%; text-align: center; z-index: 1;
  max-width:600px; background-color:rgba(255,255,255,.8); height:135px; padding:20px;}
#slider .frame > header h1,
#slider .frame > header h2 {width: 100%; margin:0;}

#slider .frame > header h1 {margin-bottom:10px; color:#00aa00; font-size:3.4rem; font-family:OpenSansBold, sans-serif; font-weight:normal;}
#slider .frame > header h2 {font-size:2.5rem; font-family:OpenSansBold, sans-serif; font-weight:normal;}
#slider img {display:block;}
#content {max-width: 1200px; margin:auto;}

@media only screen and (max-width:1280px) {
  #slider {max-width: 1000px;}
  #slider img {width: 100%; height:auto;}
}

@media only screen and (max-width:900px) {
  #slider .frame {display:flex; flex-wrap:wrap;}
  #slider .frame > header {order:2; position: static; background-color:#00aa00; height:auto; width: 100%; transform: none; max-width: none;}
  #slider .frame > header h1,
  #slider .frame > header h2 {color:#fff;}
  #slider .frame .ce-textpic {order:1;}
  #slider .ce-gallery {margin-bottom:0;}
}

@media only screen and (max-width:768px) {
  #slider .frame > header h1 {margin-bottom:5px; font-size:2.4rem;}
  #slider .frame > header h2 {font-size:2rem;}
}

@media only screen and (max-width:480px) {
  #slider .frame > header h1 {margin-bottom:5px; font-size:2.2rem;}
  #slider .frame > header h2 {font-size:1.8rem;}
}