.centrar_uno{
  /*padding-top: 90px;
  padding-bottom: 35px;*/
  width: 90%;
}

.figura1{
    width: 60% !important;
}

.figura2{
    width: 49% !important;
}


@media only screen and (max-width: 1200px) {
  .centrar_uno{
	  /*padding-top: 90px;
      padding-bottom: 35px;*/
      width: 90%;
  }
}

@media only screen and (max-width: 890px) {
  .centrar_uno{
      /*padding-top: 90px;
      padding-bottom: 35px; */
      width: 100%;
  }
}

@media only screen and (max-width: 600px) {
  .centrar_uno{
	  /*padding-top: 90px;
      padding-bottom: 35px;*/
      width: 100%;
  }
}

.loader {
    position: fixed;
    left: 0px;
    top: 0px;
    width: 100%;
    height: 100%;
    z-index: 9999;
    background: rgb(34, 33, 37);
    opacity: .98;
}
.contener_general{
    -webkit-animation:animball_two 1s infinite linear;
    -moz-animation:animball_two 1s infinite linear;
    -ms-animation:animball_two 1s infinite linear;
    animation:animball_two 1s infinite linear;
    width:84px;height:84px
}
.ballcolor{
    width:84px;
    height:84px;
    border-radius:50%
}

.ball_1, .ball_2, .ball_3, .ball_4{
    position:absolute
}

.ball_1{
    border:2px solid #43a047;
    top:0;
    left:7px
}

.ball_2{
    border:2px solid #4f4f4f;
    top:0;
    left:-7px
}

.ball_3{
    border:2px solid #f5a011;
    top:7px;
    left:0
}

.ball_4{
    border:2px solid #fff;
    top:-7px;
    left:0
}

@-webkit-keyframes animball_two{0%{-webkit-transform:rotate(0deg)} 100%{-webkit-transform:rotate(360deg)}} @-moz-keyframes animball_two{0%{-moz-transform:rotate(0deg)} 100%{-moz-transform:rotate(360deg)}} @-ms-keyframes animball_two{0%{-ms-transform:rotate(0deg)} 100%{-ms-transform:rotate(360deg)}} @keyframes animball_two{0%{transform:rotate(0deg)} 100%{transform:rotate(360deg)}}