h2 {

    text-align: center;

    font-weight: 300;

}



.announce {

  overflow: hidden;

}



.announce__part {

    padding: 1px 0 3em;

    width: 100%;

}



.announce__part .announce__text {

    /*margin: 0 auto;*/

}



.announce__intro {



}



.announce__parents {

    background: #3E6154;

    color: #fff;

}



.announce__children {

    background: #3B1338;

    color: #fff;

}



.announce__limits {



}



/*** grids ***/



.grid {

  position: relative;

  display: flex;

  justify-content: space-between;

  align-items: stretch;

  flex-wrap: wrap;

  overflow: visible;

}

.grid_three-columns {
  max-width: 1400px;
  /*width: calc(100% - 44px);*/
  width: auto;
}

@media(min-width: 1220px) and (max-width: 1670px) {
  .grid_three-columns {
    padding-right: calc(25% - 275.25px);
    padding-left: calc(25% - 275.25px);
  }
}



.grid__img-wrapper {

  width: 100%;

  margin: 0 auto;

  text-align: center;

  position: relative;

}



.grid__img-wrapper img {

  max-width: 100%;

  height: auto;

}



.grid__column_two {

  display: flex;

  flex-flow: column wrap;

  width: calc(50% - 10px);

  max-width: 367px;

  margin-bottom: 20px;

}



.grid__column_three {

  display: flex;

  flex-flow: column wrap;

  justify-content: space-between;

  width: calc(33% - 13px);

  max-width: 367px;

  margin-bottom: 20px;

}



.grid__column_doublethree {

  width: calc(66% - 26px);

  max-width: none;

}



.grid .grid__column_two:first-child .grid__img-wrapper,

.grid .grid__column_three:first-child .grid__img-wrapper {

  text-align: left;

}



.grid .grid__column_two:last-child .grid__img-wrapper,

.grid .grid__column_three:last-child .grid__img-wrapper {

  text-align: right;

}



.grid__column_ordered {

  order: 1;

}



.grid_centred {

  align-items: center;

}



.announce__part > .announce__text:first-child {

  margin-bottom: 0;

  padding-bottom: 0;  

}



@media(max-width: 520px) {

  .grid__column_three,

  .grid__column_two {

    width: 100%;

    max-width: 367px;

    margin: 0 auto;

  }



  .grid__img-wrapper {

    text-align: center !important;

  }



  .grid__column_ordered {

    order: initial;
    margin: 1em auto 3em;
  }

  .space-in-section { display: none; }

}



/*** end grids ***/



/*** flying-items ***/



.flying-item {

  position: absolute;

  height: auto;

  transition: 8s ease-out transform;

}



/*** flying-items end ***/



.phone {

  position: relative;

  z-index: 3;

}

.phone_transparent {
  opacity: .27;
}





.grid__img-wrapper .phone__content {

  position: absolute;

  top: 11.42%;

  left: 5.725%;

  z-index: 2;

  width: 88.85%;

}



/*** explode ***/



.explode {

  position: relative;

  padding-top: 30%;

}



.explode__item {

  position: absolute;

  bottom: 9%;

  left: 50%;

  max-width: 0;

  height: auto;

  transition: all 3s ease-out;

}



.explode_visible .explode__car {

 bottom: 90%;

 left: 60%;

 max-width: 12%;

}



.explode_visible .explode__velik {

 bottom: 15%;

 left: 80%;

 max-width: 40.1%;

}



.explode_visible .explode__headphones {

 bottom: 10%;

 left: 35%;

 max-width: 31.8%;

}



.explode_visible .explode__plashka1 {

 bottom: 55%;

 left: 55%;

 max-width: 23%;

}



.explode_visible .explode__plashka2 {

 bottom: 54%;

 left: 6%;

 max-width: 34%;

}



.explode_visible .explode__strawberry {

 bottom: 26%;

 left: 53%;

 max-width: 4%;

}



.explode_visible .explode__board {

 bottom: 76%;

 left: -10%;

 max-width: 33.8%;

}



.explode_visible .explode__keda {

 bottom: 20%;

 left: 10%;

 max-width: 16.4%;

}



.explode_visible .explode__star {

 bottom: 67%;

 left: 50 %;

 max-width: 12%;

}





/*** explode end ***/