Page History

@media screen and (min-width: 769px) {
  .col-separator-before, .col-separator-after { position:relative; }
  .col-separator-before:before, .col-separator-after:after { content:''; position:absolute; top:0; height:100%; border-left:1px solid #CBCEFD;}
  .col-separator-before:before { left:-0.25rem;}
  .col-separator-after:after { right:-0.25rem;}
}

/*---INTRODUCTION---*/
#introduction { padding-bottom: 15rem;
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/bg-illu-sigle-home-introduction.svg");
background-position: bottom right;
background-repeat: no-repeat;
background-size: cover;
}

/*---WHO HUB FOR---*/
#who-hub-for { margin-top:-12rem; padding-top: 0;}
#who-hub-for .col-4 p:nth-child(3) { margin-bottom:0;}

/*---TECHNICAL DOCUMENTATION---*/
#technical-documentation { 
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/bg-illu-sigle-home-technical-documentation.svg");
background-position: top right;
background-repeat: no-repeat;
background-size: cover;
}
@media screen and (min-width: 769px) {
  #technical-documentation .card-grid-body p:last-child { margin-bottom: 0;}
}

/*---SERVICES---*/
#services { padding-bottom:6rem; background: #00284A;
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/bg-illu-sigle-services.svg");
background-position: bottom right;
background-repeat: no-repeat;
background-size: cover;
}
#services h2, #services h3, #services p { color: white;}
 #services .card-grid { padding: 0; background: transparent;}
#services .card-grid-body p:last-child { margin-bottom:0;}
#services .col-separator-before:before, #services .col-separator-after:after { border-left:1px solid rgba(255, 255, 255, 0.12);}  #services .opacity-75 { opacity: 0.75;}
#services .opacity-50 { opacity: 0.50;}
#services .badge { margin-bottom:0.5rem; color: #995E00; background: #FFEECC;}
/*HACK remove empty p from Confluence*/
#services .col-4 > p:first-child { border:1px solid green; display: none;}

@media screen and (min-width: 769px) {
  #services { padding-bottom:6rem;}
  #services .card-grid-body p:last-child { margin-bottom:0;}
}

/*---SERVICE DESK---*/
#service-desk { 
background-image: url("https://ec.europa.eu/digital-building-blocks/sites/download/attachments/565379323/bg-illu-sigle-service-desk.svg");
background-position: top left;
background-repeat: no-repeat;
background-size: cover;
}