/* HEADER =========================================== */

section.header {
  background-image:url(../assets/3/bg\ pic.png);
  background-repeat:no-repeat;
  background-size:cover;
  background-position:center center;
  height:100vh;
}

.header .container {
  height:100%;
}

.header .content-title {
  color:#5B6878;
  font-weight:700;
  font-size:55px;
  line-height:65px;
  margin-top:25%;
}

/* QUOTE =========================================== */

section.quote {
  background-color:#F4DCFE;
}

.quote .content {
  padding:100px 0px;
  text-align:center;
}

/* WHATIS =========================================== */

section.whatis {
  background-color:#FFF;
}

.whatis .content-img {
  background-image:url(../assets/3/segmen\ 1\ -\ icon.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:350px;
  height:350px;
  position:absolute;
  top:calc(50% - 100px);
  
}

.whatis .content {
  padding:100px 0px;
}

.whatis .content h1 {
  text-align:center;
}

.whatis .content-container {
  margin-top:100px;
  margin-left:400px;
}

/* DEFINITION ========================================== */

section.definition {
  background-color:#BFC6CE;
}

.definition .content {
  padding:100px 0px;
}

.definition .grid {
  display:grid;
  grid-template-columns: auto auto;
  grid-gap:100px;
}

.definition .grid-item {
  text-align:center;
}

.definition .grid-item-img {
  display:inline-block;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:400px;
  height:250px;
}

.definition .grid-item-img.p1 {
  background-image:url(../assets/3/segmen\ 2\ -\ pic\ 1.png);
}

.definition .grid-item-img.p2 {
  background-image:url(../assets/3/segmen\ 2\ -\ pic\ 2.png);
}

.definition .grid-item a {
  display:inline-block;
  color:#000;
  margin-top:40px;
  background:#F4DCFE;
  border-radius:20px;
  border:0px;
  padding:10px 40px;
  font-weight:500;
  font-size:22px;
}


/* DIFF =========================================== */

section.diff {
  background-color:#FFF;
}

.diff .content-img {
  background-image:url(../assets/3/segmen\ 3\ -\ icon.png);
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:350px;
  height:350px;
  position:absolute;
  top:calc(50% - 100px);
  
}

.diff .content {
  padding:100px 0px;
}

.diff .content h1 {
  text-align:center;
}

.diff .content-container {
  margin-top:100px;
  margin-left:400px;
}

/* ISSUES ========================================== */

section.issues {
  background-color:#BFC6CE;
}

.issues .content {
  padding:100px 0px;
}

.issues .grid {
  display:grid;
  grid-template-columns: auto auto;
  grid-gap:100px;
}

.issues .grid-item {
  text-align:center;
}

.issues .grid-item-img {
  display:inline-block;
  background-repeat:no-repeat;
  background-size:contain;
  background-position:center center;
  width:400px;
  height:250px;
}

.issues .grid-item-img.p1 {
  background-image:url(../assets/3/segmen\ 4\ -\ pic\ 1.png);
}

.issues .grid-item-img.p2 {
  background-image:url(../assets/3/segmen\ 4\ -\ pic\ 2.png);
}

.issues .grid-item a {
  display:inline-block;
  color:#000;
  margin-top:40px;
  background:#F4DCFE;
  border-radius:20px;
  border:0px;
  padding:10px 40px;
  font-weight:500;
  font-size:22px;
}