@charset utf-8;

.pagecontent main  a:link, 
.pagecontent main  a:active, 
.pagecontent main  a:hover, 
.pagecontent main  a:visited {
  color:#568c87;
}

header .heading_group  {
  position:relative;
  background:#d9f1f4;
}
header .heading_group .background {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background:url('../img/il_green.png') bottom center repeat-x transparent;
  background-size: auto 80px;
  z-index:100;
  margin:0;
}

header .heading_group .inner {
  margin:0 auto;
  max-width:1020px;
  height:230px;
  padding-top:30px;
  padding-bottom:0;
  position:relative;
}

h1 {
  width:175px;
}
h2 {
  margin-bottom:60px;
}
header .heading_group  p {
  width:470px;
  position:absolute;
  bottom:55px;
  right:0;
  margin:0;
}

.pagecontent main {
  max-width:880px;
  margin:0 auto;
}

.pagecontent main > article{
  margin:60px 0;
}

@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){

}

@media screen and (-webkit-min-device-pixel-ratio:3),(min-resolution: 3dppx){
/*
  header .heading_group .background {
    background-image:url('../img/il_green.png') ;
  }
*/
}

@media print, screen and (min-width: 601px) {

}

@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:2) , (min-width: 601px) and (min-resolution: 2dppx){
}
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:3) , (min-width: 601px) and  (min-resolution: 3dppx){
}

@media screen and (max-width: 915px) {  
}

@media screen and (max-width: 600px) {
  header .heading_group .background {
    background-size: auto 8vw;
    background-image:url('../img/il_green_80h.png') ;
  }
  header .heading_group .inner {
    padding:5px 5%;
    height:auto;
  }
  h1 {
    width: 24%;
    position: relative;
    top:10px;
  }
  header .heading_group  p {
    width: 90vw;
    margin-top: -7%;
    position:static;
  }
  
  .pagecontent main {
    margin:0 5%;
  }
  .pagecontent main h2 {
    margin:1em 0;
  }
}
@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:2) , (max-width: 600px) and (min-resolution: 2dppx){

}
@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:3) , (max-width: 600px) and  (min-resolution: 3dppx){
  header .heading_group .background {
    background-image:url('../img/il_green.png') ;
  }

}