@font-face {
  font-family: RaleLight;
  src: url('fonts/raleway-light.woff') format('woff'), url('fonts/Raleway-Light.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback
}

@font-face {
  font-family: RaleReg;
  src: url('fonts/raleway-regular.woff') format('woff'), url('fonts/Raleway-Regular.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
  font-display: fallback
}

@font-face {
  font-family: RaleIta;
  src: url('fonts/Raleway-Italic.ttf') format('truetype');
  font-weight: normal;
  font-style: italic;
  font-display: fallback
}

@font-face {
  font-family: RaleMedi;
  src: url('fonts/raleway-medium.woff') format('woff'), url('fonts/Raleway-Medium.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: fallback
}

@font-face {
  font-family: RaleBold;
  src: url('fonts/Raleway-Bold.ttf') format('truetype');
  font-weight: bold;
  font-style: normal;
  font-display: fallback
}

/*
@color-accent: #EDFF00;
@color-light: #c8c8c8;
@color-dark: #323232;
*/
* { margin: 0; padding: 0 }
*, *:before, *:after { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box }

html { min-height: 100% }
body { background: #323232; color: #c8c8c8; font-family: RaleReg,sans-serif; font-size: 1em; width: 100%; min-height: 100% }
noscript p.jserror { color: #323232; border: 1px solid #EDFF00; border-radius: 7px; text-align: center; font-weight: bold; background: #EDFF00; padding: 20px; margin: 10px auto 40px }
h1 { font-size: 190%; font-family: RaleMedi,sans-serif; text-transform: uppercase; width: 100%; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; margin: 0 0 25px 0 }
h2 { font-size: 150%; font-family: RaleMedi,sans-serif; margin: 0 0 20px 0 }
h3 { font-size: 130%; font-family: RaleMedi,sans-serif }
h4, h5, h6 { font-size: 100%; font-family: RaleMedi,sans-serif; margin: 40px 0 }
p { font-size: 120%; line-height: 180%; margin: 30px 0; word-wrap: break-word; overflow-wrap: break-word; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto }
ul, ol { margin: 0 0 30px 20px }
ul li { font-size: 120% }
ol li ol li ol li { font-size: 100% }
th { white-space: nowrap; padding: 0 5px 0 0 }
caption { caption-side: top; text-align: left; font-size: 95% }
table { font-size: 75%; margin: 0 0 15px 0 }
table p { margin: 2px 0 0 0 }
table p, fieldset p { font-size: 100% }
fieldset { font-size: 75%; border: none; margin: 15px 0 }
fieldset div { clear: left }
fieldset fieldset { font-size: 100% }
figcaption { font-size: 65% }
label { vertical-align: top; text-align: right; float: left; margin: 2px 5px 2px 2px; padding: 0px 2px; width: 140px }
input, select, textarea { border: 1px solid #323232; margin: 2px 0 0 0; background: #C8C8C8; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px }
acronym, dfn, abbr, span.abbr { border-bottom: 1px dotted #4d4d4d; cursor: help }
a { color: #C8C8C8; text-decoration: underline }
a:hover { color:#EDFF00; text-decoration: none }
.darkContent a span { color: #C8C8C8; text-decoration: none }
.darkContent a span:hover { color:#EDFF00; text-decoration: none }

a img { border: none !important; max-width: 320px }

.noscript { background: #EDFF00; text-align: center; padding: 20px 0; margin: 0; width: 100% }
.invisible { position: absolute !important; overflow: hidden; height: 1px }
.yellow, #menuTop span.yellow { color: #EDFF00; display: inline }
.cap { text-transform: uppercase }
.clear { clear: both }

#generalHeader { padding: 0; margin: 0 auto }
#generalHeader a img { height: auto }
.logoPosition { padding-top: 15px; text-align: center }
.logoPosition img { max-width: 50%; height: auto }

/* navigation */
nav ul, nav li { list-style: none; font-family: RaleMedi,sans-serif; padding: 0; margin: 0 }
nav li:before { background-image: none }
nav a {  display: block; text-decoration: none }
nav a:hover, nav a:visited { text-decoration: none }

.menu-bar { background: #323232; display: flex }

.menu-link { padding: 20px 15px; /*padding: 20px 25px;*/ background: #323232; color: #c8c8c8; transition: background 0.2s, color 0.2s; position: relative; z-index: 1 }

.curifsub .menu-link[aria-haspopup="true"],
.actifsub .menu-link[aria-haspopup="true"],
.ifsub .menu-link[aria-haspopup="true"]{ padding-right: 35px /*40px*/ }

.curifsub .menu-link[aria-haspopup="true"]:after,
.actifsub .menu-link[aria-haspopup="true"]:after,
.ifsub .menu-link[aria-haspopup="true"]:after { content: ""; background-image: url('images/arrowBottom.svg'); background-position: 0px -55px; background-size: 14px; width: 14px; height: 14px; font-size: 12px; position: absolute; right: 10px; top: 50%; transform: translateY(-50%) }

.mega-menu-header { font-size: 1.2em; text-transform: uppercase; font-weight: bold; color: #EDFF00 }

.mega-menu { background: #323232; z-index: 10 }
.mega-menu--multiLevel { flex-direction: column }

@media all and (min-width: 951px) {
  .nav { background: #323232 }
  .nav > nav { max-width: 920px; margin: 0 auto }
   
  
  .menu [aria-haspopup="true"] ~ ul { display: none }
  .menu-bar { position: relative; margin-left: 140px }
  .menu-bar > li > [aria-haspopup="true"]:after { background-image: url('images/arrowBottom.svg'); background-position: 0px -55px }
  .menu-bar > li > [aria-haspopup="true"]:hover:after { background-image: url('images/arrowBottom.svg'); background-position: 0px 0px }
  
  .menu-bar > li > [aria-haspopup="true"]:focus ~ ul { display: flex; transform-origin: top; animation: dropdown 0.2s ease-out }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover { display: flex }
  .menu-bar > li:focus-within > [aria-haspopup="true"] ~ ul { display: flex }
  
  .menu-bar > li > [aria-haspopup="true"]:focus,
  .menu-bar > li:focus-within > [aria-haspopup="true"],
  .menu-bar > li:hover > a { background: #EDFF00; color: #323232 }
  
  .menu-bar > li > [aria-haspopup="true"]:focus:after,
  .menu-bar > li:focus-within > [aria-haspopup="true"]:after,
  .menu-bar > li:hover > a:after { background-image: url('images/arrowTop.svg'); background-position: 0px -0px }
   
  .mega-menu { position: absolute; top: 100%; left: 0; width: 100% }
  .mega-menu:hover { display: flex }
  .mega-menu a:hover { background: #c8c8c8; color: #323232 }
  
  .mega-menu--multiLevel > li { width: 33.33333333% }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul { left: 33.33333333%; width: 33.33333333% }
  .mega-menu--multiLevel > li > [aria-haspopup="true"] ~ ul ul { width: 100%; left: 100% }
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"] ~ ul { display: block; transform-origin: left; animation: flyout 0.2s ease-out }
  .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"] ~ ul { display: block }
  
  .mega-menu--multiLevel li:hover > [aria-haspopup="true"],
  .mega-menu--multiLevel li:focus-within > [aria-haspopup="true"],
  .mega-menu--multiLevel li:hover > a,
  .mega-menu--multiLevel li:focus-within > a { background: #c8c8c8; color: #323232 }
  
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul,
  .mega-menu--multiLevel [aria-haspopup="true"] {  }
  
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul:hover,
  .mega-menu--multiLevel [aria-haspopup="true"]:hover { display: block }
  
  .mega-menu--multiLevel [aria-haspopup="true"] ~ ul { position: absolute; top: 0; height: 100% }
  .mega-menu--flat > * { flex: 1 }
  
  .mobile-menu-trigger,
  .mobile-menu-header,
  .mobile-menu-back-item { display: none }
}

@media all and (max-width: 950px) {
  .nav { padding: 20px }
  
  .mobile-menu-trigger,
  .mobile-menu-header,
  .mobile-menu-back-item { display: block }
  
  .mobile-menu-trigger { background: #EDFF00; color: #323232 !important; border: 0; padding: 10px; font-size: 1.2em; border-radius: 4px }

  .mobile-menu-header { order: -1; background: #c8c8c8 }
  .mobile-menu-header a { padding: 20px 25px; color: #323232; visibility: visible }
  
  .menu-bar { flex-direction: column; position: fixed; top: 0; left: -100%; height: 100vh; width: 350px; max-width: 350px; max-width: 90%; overflow-x: hidden; transition: left 0.3s; box-shadow: 1px 0px 2px 0px rgba(0, 0, 0, 0.25); z-index: 2000 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul { display: flex; flex-direction: column; background: #323232; position: absolute; left: 100%; top: 0; max-height: 100vh; width: 100%; transition: left 0.3s }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] { font-size: 1.2em }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a { padding-left: 40px }
  .menu-bar > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul > li > [aria-haspopup="true"] ~ ul a { padding-left: 80px }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] { color: #2a2a2a }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:after { content: "+"; background: none; font-size: 1em; font-weight: normal; height: 20px; line-height: 1 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul { max-height: 0px; transform-origin: top; transform: scaleY(0); transition: max-height 0.1s }
  
  .curifsub .menu-link[aria-haspopup="true"]:after,
  .actifsub .menu-link[aria-haspopup="true"]:after,
  .ifsub .menu-link[aria-haspopup="true"]:after { background-image: url('images/arrowRight.svg') !important }
  
  .mega-menu-content { padding: 20px 25px }
  .mobile-menu-back-item { order: -1 }
  .mobile-menu-back-item a { background: #d9d9d9; color: #2a2a2a; max-height: calc(1.4em + 40px); margin-top: calc(0px - (1.4em + 40px)); pointer-events: none }
  .mobile-menu-back-item a:before { content: ""; width: 14px; height: 12px; background-image: url('images/arrowLeft.svg'); background-size: 14px; margin-right: 10px; display: inline-block }
  .mobile-menu-trigger:focus ~ ul { left: 0 }
  
  .menu-bar:hover,
  .menu-bar:focus-within { left: 0 }
  .menu-bar > li > [aria-haspopup="true"]:focus ~ ul { left: 0 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul { margin-top: calc(1.4em + 40px) }
  
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover,
  .menu-bar > li > [aria-haspopup="true"] ~ ul:focus-within { left: 0 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:focus ~ ul { max-height: 500px; animation: dropdown 0.3s forwards }
  .menu-bar > li > [aria-haspopup="true"] ~ ul li:focus-within > [aria-haspopup="true"] ~ ul { max-height: 500px; transform: scaleY(1) }
  .menu-bar > li:focus-within ~ .mobile-menu-header a { visibility: hidden }
}

@media all and (max-width: 950px) and (hover: none) {
  
  .mobile-menu-trigger:hover ~ ul { left: 0  }
  .menu-bar > li > [aria-haspopup="true"]:hover ~ ul { left: 0 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul:hover { left: 0 }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"]:hover ~ ul { max-height: 500px; animation: dropdown 0.3s forwards }
  .menu-bar > li > [aria-haspopup="true"] ~ ul [aria-haspopup="true"] ~ ul:hover { max-height: 500px; transform: scaleY(1) }
  .menu-bar > li:hover ~ .mobile-menu-header a { visibility: hidden }
  
}

@keyframes dropdown {

  0% { opacity: 0; transform: scaleY(0) }
  50% { opacity: 1 }
  100% { transform: scaleY(1) }

}

@keyframes flyout {
  
  0% { opacity: 0; transform: scaleX(0) }
  100% { opacity: 1; transform: scaleX(1) }

}

@media all and (max-height: 400px) {
  .menu-link { padding: 15px 25px }
  .mobile-menu-header a { padding: 15px 25px }
}

/* banner start page */
#banner { width: 100%; position: relative; background: #fff }
#banner img { width: 100% !important; max-height: 100% !important }

.headPic { display: none }

ul.bxslider { position: relative; color: #fff; margin: 0 auto !important; max-width: 100% !important }
ul.bxslider li { list-style-type: none; margin-bottom: 0px !important; max-width: 100% !important; display: none }
ul.bxslider li:first-child { display: block }

ul.bxslider figcaption { display: none }

.bx-controls { position: relative; bottom: 48px; background: rgba(19.6, 19.6, 19.6, 0.3); width: 100%; z-index: 1800; padding: 22px 0 }
.bx-wrapper .bx-pager { position: absolute; top: 0px; z-index: 1000; width: 100% }
.bx-wrapper .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item { display: inline-block; vertical-align: bottom; margin: 20px 10px; *zoom: 1; *display: inline }
.bx-wrapper .bx-pager { text-align: center; font-size: .85em; color: #fff }
.bx-wrapper .bx-pager-item { font-size: 0; line-height: 0 }
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #EDFF00 }
.bx-wrapper .bx-pager.bx-default-pager a { background: #c8c8c8; text-indent: -9999px; display: block; width: 48px; height: 10px; margin: 0 5px; outline: 0 }
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active { background: /*#7d1516*/#EDFF00 }
.bx-controls-direction { display: none }

/* content */
#container { background: #fff; color: #323232; margin: 0 auto; padding: 0 0 20px 0; width: 100% }
#container a { color: #323232; text-decoration: underline }
#container a:hover { text-decoration: none }
#container li { list-style-type: none; position: relative }
#container li:before { content: ""; background-image: url('images/dots.svg'); background-position: 0px -0px; background-size: 14px; width: 14px; height: 14px; font-size: 12px; position: absolute; left: -20px; top: 16px; transform: translateY(-50%) }

.bread  { border-bottom: #EDFF00; font-size: 90%; padding: 10px }
.bread p { margin: 0 auto }

#content { margin: 0;
  display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto;
  gap: 10px;
  grid-template-areas:  "contentTop"
                        "services"
                        "contentBottom"
}

#content section img { max-width: 100%; -ms-interpolation-mode: bicubic; height: auto }
#content li { line-height: 170%; margin: 0 20px }

#content section.darkContent { grid-area: services; background: #323232; color: #c8c8c8; padding: 30px 0; width: 100% }
#content section.darkContent > div { background: none; border: none }
.darkContent > div, .darkContent > div section, .darkContent > div section span { color: #c8c8c8 }
.darkContent > div ul {}
.darkContent ul {  margin: 0 }
#container .darkContent li:before { content: ""; background-image: url('images/dots.svg'); background-position: 0px -80px; background-size: 14px; width: 14px; height: 14px; font-size: 12px; position: absolute; left: -20px; top: 21px; transform: translateY(-50%) }
.darkContent > div section { margin: 30px 0 }
.darkContent figure, .services figure { padding: 0 }
#content section.darkContent img { max-width: 20%; height: auto }
.content header { margin: 15px auto; text-align: left; width: 100% }
.content div p { text-align: justify }
.content div ul li p { font-size: 95% !important; text-align: left }
.contentTop { grid-area: contentTop; padding: 50px 0; margin: 0 2% }
.services > div { color: #323232 }
.services > div { background: #99ffa9; border: 2px solid #037518; padding: 10px; margin: 0 10px }

.darkContent > div { margin: 0 2% }
.darkContent > div .contentRight .ce-above img { max-width: 96% !important }

.contentBottom { grid-area: contentBottom; clear: both; display: block; margin: 50px 2% 0 2% }

#content section.noService > div, .frame-layout-1 { background: #ffdddd; border: 3px solid #ff0000; padding: 50px 10px }
.frame-layout-1 { padding: 0 20px }

/*#content section .ce-left img { float: left; margin: 0 20px 5px 0; max-width: 25%; height: auto }
#content section .ce-right img { float: right; margin: 0 0 5px 20px; max-width: 35%; height: auto }
#content section .ce-above img { max-width: 35% }*/

/* images */
.ce-textpic, .ce-image, .ce-nowrap .ce-bodytext, .ce-gallery, .ce-row { overflow: hidden }

.ce-bodytext p:first-of-type { margin: 0 0 30px 0  }

.ce-left .ce-gallery, .ce-column { float: left }
.ce-center .ce-outer { position: relative; float: right; right: 50% }
.ce-center .ce-inner { position: relative; float: right; right: -50% }

.ce-right .ce-gallery { float: right }

.ce-gallery figure { display: table; margin: 0 }
.ce-gallery figcaption { display: table-caption; caption-side: bottom }
.ce-gallery img { display: block }
.ce-gallery iframe { border-width: 0 }

.ce-border img, .ce-border iframe { border: 2px solid #000000; padding: 0px }

.ce-intext.ce-right .ce-gallery, .ce-intext.ce-left .ce-gallery, .ce-above .ce-gallery { margin-bottom: 10px }
.ce-intext.ce-right .ce-gallery { margin-left: 10px; }
.ce-intext.ce-left .ce-gallery { margin-right: 10px; }
.ce-below .ce-gallery { margin-top: 10px; }

.ce-column { margin-right: 10px; }
.ce-column:last-child { margin-right: 0; }

.ce-row { margin-bottom: 10px; }
.ce-row:last-child { margin-bottom: 30px }

.ce-above .ce-bodytext { clear: both; }

.ce-intext.ce-left ol, .ce-intext.ce-left ul { padding-left: 40px; overflow: auto; }

/* uploads */
.ce-uploads { list-style: none; margin: 0 0 15px 0 }
.ce-uploads li div { display: inline; padding-left: 10px }
.ce-uploads-filesize { padding-left: 10px }
.ce-uploads-filesize::before { content: "(" }
.ce-uploads-filesize::after { content: ")" }

#generalFoot { background: url('images/footline.png') no-repeat top left; padding: 15px 0 0 0; width: 100% }
#generalFoot h5 { font-size: 100%; margin: 15px auto 0 auto } 
#generalFoot p { font-size: 100%; margin: 15px 0 }
#generalFoot a { color: #C8C8C8; text-decoration: none }
#generalFoot a:hover { text-decoration: underline }

.navFooter { clear: both; text-align: center; padding: 50px 0 0 0 }
.navFooter ul { margin: 0; padding: 0  }
.navFooter li { display: inline-block; margin-right: 10px }
.navFooter li:before { background-image: none }
.navFooter a { color: #C8C8C8; text-decoration: none }
.navFooter a:hover { text-decoration: underline }

.contactDetails { font-size: 90%; margin: 0 auto; padding: 0 10px }
.contactDetails { display: grid;
  grid-template-columns: auto;
  grid-template-rows: auto auto auto;
  grid-template-areas:  "company"
                        "footLogo"
                        "copyright"

}
.contact { grid-area: contact; margin: 10px }
.company { grid-area: company; margin: 10px }
.footLogo { grid-area: footLogo }
.footLogo img { max-width: 100%; height: auto }
.copyright {  grid-area: copyright; font-size: 90%; text-align: left }
.copyright div p { font-size: 120% !important; margin: 15px 0 0 0 !important }


@media all and (max-width : 330px) {

  #menuTop ul li { display:block; width: 94% }

}

@media all and (min-width : 400px) {
  .darkContent > div { display: flex; flex-wrap: wrap; column-gap: 2%; margin: 0 2% }
  .darkContent > div .contentLeft { flex: 96% }
  .darkContent > div .contentCenter { flex: 65% }
  .darkContent > div .contentRight { flex: 30% }
}

@media screen and (min-width: 590px) {
  
  .contactDetails { grid-template-columns: 70% auto;
         grid-template-areas:  "company footLogo"
                               "copyright copyright"
  }
}

@media screen and (min-width: 790px) {

  .logoPosition img { max-width: 35% }

  .headPic { display: block; text-align: center; height: 75px; overflow: hidden }
  .headPic figure { width: 100%; height: 75px; position: relative }
  .headPic img { position: absolute; bottom: 0; right: 0}
  .headPic { height: 150px }
  .headPic figure { height: 150px }
  .headPic img { min-width: 100%; min-height: 100% !important }
  
  #banner {  }
  ul.bxslider figcaption { display: block; position: absolute; bottom: 48px; color: #c8c8c8; background: rgba(19.6, 19.6, 19.6, 0.3); width: 100%; font-size: 150%; font-family: RaleMedi,sans-serif; font-weight: bold; padding: 15px 5px 15px 50px }
  ul.bxslider figcaption p { max-width: 75% !important; font-size: 100%; margin: 0 }
  
  #container { width: 100%; min-height: 800px; margin: 0 auto }
  .bread { padding: 20px 0 0 0 }

/*  #content section .ce-left img { max-width: 35% }*/
  #content section .contentRight:after { clear:both; content: ""; display: block; width: 100%; height: 5px }
  /*#content section.darkContent img { max-width: 35% }*/
  #content section.services > div { padding: 50px 10px; border: 3px solid #43cc00; margin: 0 auto }
  .darkContent figure, .services figure { padding: 0 0 15px 0 }
  .darkContent > div section { margin: 0 }
  .contentTop { margin: 0 10px }
  .contentBottom { grid-area: contentBottom; clear: both; margin: 50px 10px 0 10px }
  .flex { display: flex; flex-wrap: wrap; column-gap: 5% }
  .flex div { flex: 45% }
  .services > div section { flex: 30% }

  .contactDetails { grid-template-columns: 35% 35% 20%;
         grid-template-areas:  "contact company footLogo"
                               "copyright copyright copyright"
  }

}

@media screen and (min-width: 1020px) {

#generalHeader { background: #333; position: fixed; top: 0; z-index: 20000; width: 100% }
.logoPosition { position: fixed; top: 0; left: 50%; margin: 0 0 0 -520px; padding: 0 }
.logoPosition img { max-width: 200px }
   
#container { padding: 0 0 50px 0  }

.headPic { height: 250px }
.headPic figure { height: 250px }
.headPic img {  }

.bread { padding: 0; margin: 0 auto; width: 920px }
#content { margin: 0 auto;
  grid-template-columns: auto 920px auto;
  grid-template-areas:  ". contentTop ."
                        "services services services"
                        ". contentBottom ."
}
.contentTop { grid-area: contentTop; padding: 50px 0; margin: 0 auto; width: 920px }
.darkContent > div { margin: 0 auto; max-width: 920px }
.darkContent, .services { grid-area: services; grid-column: 1 / 4 }
.services > div { width: 920px; display: flex; gap: 4% }
.darkContent > div .contentLeft { flex: 45% }  
.darkContent > div .contentCenter { flex: 25% }
.darkContent > div .contentRight { flex: 15% }
  
  #generalFoot h5 {width: 920px; padding: 0 20px }
  .contactDetails { width: 920px }
  .contact { flex: 40% }
  .company { flex: 20% }
  .footLogo { flex: 10% }
  .footLogo img { max-width: 100% }
  .copyright { flex: 100%; padding: 0 10px }

}

@media screen and (min-width: 1230px) {
  ul.bxslider figcaption { font-size: 200% }
}

@media screen and (min-width: 1200px) {
  ul.bxslider figcaption { font-size: 200% }
  .headerContainer { margin: 0 auto }
}