.container-fluid {
  padding: 0;
}

.image img {
  display: block;
  max-width: 100%;
  max-height: 100%;
  width: auto;
  height: auto;
}

.row.violet {
  background: #9A0064;
}

.col-lg-6.image {
  padding: 0;
}

.text {
  color: white;
  text-align: center;
  font-size: var(--header-large-size);
}


#block-missionfirsttext {
  font-size: var(--text-base-size);
  text-align: left;
  padding-top: 40px;
  padding-bottom: 20px;
  background: white;
  padding-left: 72px;
  padding-right: 72px;
}

.row.h-line {
  background: url("../images/mission_vision_aubergine_upper.svg");
    background-repeat: repeat;
    background-size: auto;
  background-repeat: repeat;
  background-size: auto;
  height: 35px;
  background-repeat: no-repeat;
  background-size: cover;
}

#block-pactmain-page-title {
  display: none;
}


.mission_square {
  padding-left: 30px;
  padding-right: 30px;
}


.mission_square-1{
position:relative;
overflow:hidden;
padding-bottom:100%;
background: #FFCB05;
border: 4px solid white;
}

.mission_square-2{
position:relative;
overflow:hidden;
padding-bottom:100%;
background: #E39717;
border: 4px solid white;

}

.mission_square-3{
position:relative;
overflow:hidden;
padding-bottom:100%;
background: #9A0064;
border: 4px solid white;
}

.mission_square-4 {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  background: #00B6F1;
border: 4px solid white;
}

.mission_square-5 {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  background: #005E81;
border: 4px solid white;
}

.mission_square-6 {
  position: relative;
  overflow: hidden;
  padding-bottom: 100%;
  background: #A6CE39;
border: 4px solid white;
}

.mission_square img {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  margin: 20px;
}

.third {
  background: #C7C3C1;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-left: 50px;
  padding-right: 50px;
}

.third .row {
  padding-top: 20px;
}

#block-missionsquareheader {
  color: #9A0064;
  font-size: var(--header-large-size);
  padding-left: 30px;
}


.mission {
  background: white;
padding-left: 50px;
padding-right: 50px;
}

#block-misionblock1, #block-misionblock2, #block-misionblock3, #block-misionblock4, #block-misionblock5 {
  padding: 20px;
}

.row.title {
  color: #9A0064;
  font-size: var(--header-base-size);
  padding-left: 14px;
  padding-bottom: 20px;
}

.row.body {
  padding: 15px;
  font-size: var(--text-base-size);
}

#block-misionblock1 img, #block-misionblock2 img, #block-misionblock3 img, #block-misionblock4 img, #block-misionblock5 img, #block-misionblock6 img  {
  height: 70px;
  width: auto;
  border: 2px solid white;
}

.col-6.grey {
  background: #B2B2B2;
  padding: 20px;
}

.mission-inner {
  padding-bottom: 15px;
}

.row.m-nav {
font-size: var(--header-large-size);
color: #9A0064;
background: white;
}

.m-nav img {
  width: 100%;
  height: auto;
  vertical-align: bottom;
transform: rotateX(180deg);
}


.paragraph--type--mission-vision img {
  width: 100%;
  height: auto;
}

#block-mission-visionpageheader .head {
  padding: 70px;
}