body{
 display: block;
}
main{
  padding: 0;
}
section{
  padding: 1rem;
    position: relative;

}
section .container{

  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 3rem;

}

.section_left_img{
  max-width: 50rem;

}
.section_left_img img{
  border-radius: 2rem;
}
.section_right{

 min-height: 50rem;
  background-color: #CAE4DD;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  justify-content: center;
  z-index: 1;
}

.contact .section_right::before{
  content: '';
  width: 70%;
  height: 100%;
  clip-path: polygon(25% 0%, 100% 0%, 100% 100%, 0% 100%);
  background-color: #CAE4DD;
  position: absolute;
  top: 0 ;
  right: 0;
  z-index: -5;


}

.section_right a{
  padding: 1rem;
  border: 1px solid #201e41;
  background-color: var(--color-white);
  border-radius: 1rem;
}

.section_right a:hover{
 background-color: #3D6197;
}

.whereAreWe{
  background-color: #3D6197;
}

.section_right{

  background-color: transparent;
}
.whereAreWe .section_left p{
  color: white;
  max-width: 40rem;
  font-size: 1.7rem;


}
.katalog{
  background-color: #E7ECF2;
}

.katalog .section_right p{
  color: #3D6197;
  max-width: 60rem;
  font-size: 3rem;


}
.section_right_img{
  max-width: 30rem;
}
.section_right_img img{
  border-radius: 2rem;
}
.wildBg{
  padding: 0;

  position: relative;
}

/* .wildBg .container{
  position: absolute;
  top: 0;
    left: 20rem;



  display: flex;
  align-items: center;



  color: white;
} */
.wildBg_titles{
  padding: 1rem;
  position: absolute;
  top: 50%;
  transform: translate(0,-50%);
  width: 100%;
  max-width: 70rem;
  display: flex;
  flex-direction: column;
  gap: 2rem;
  z-index: 1;
  color: white;
}
.wildBg_titles p{
  font-size: 2rem;
}
.creativity{
  background-color: #F0675A;
  min-height: 0;
  padding: 2rem;
  font-size: 2rem;

}
.creativity .container{
  display: flex;
  justify-content: space-between;
}

.creativity .section_right{
  min-height: 0;
}

.creativity::before{
   content: '';
  width: 90%;
  height: 100%;
clip-path: polygon(0 0, 71% 0, 100% 100%, 0 100%);

  background-color: #CAE4DD;
  position: absolute;
  top: 0 ;
  left: 0;
  z-index: 0;

}
.creativity .section_left {
  z-index: 1;
}
.creativity .section_left h3{
  color: white;
  font-size: 3rem;


}
.creativity .section_left h2{
font-size: 2rem;
}
.creativity .section_right{

  display: flex;
  justify-content: space-between;
}

.creativity .section_right a{
  max-width: 20rem;
  display: flex;
  justify-content: center;


}
@media only screen and (max-width: 600px) {
  section .container{
    flex-direction: column;
  }
    .section_left{
      width: 100%;
      order: 1;
      text-align: center;
      display: flex;
         justify-content: center;
      align-items: center;
        z-index: 11;
    }

     section h3,   section p{
      text-align: center;
    }
   .section_right{
      order: 0;
      justify-content: center;
      align-items: center;

    }
    .section_right {
      min-height: 0;
    }
     .creativity .container{
      gap: 2rem;
     }
    .creativity  .section_left{
      flex-direction: column;
      order: 0;
    }
}