.video-responsive {
	height: 0;
	overflow: hidden;
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	}
.video-responsive iframe, .video-responsive object, .video-responsive embed {
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
}
.row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px;
    width: 95%;
    text-align: center;
    margin: auto;
  }

  /* Create two equal columns that sits next to each other */
  .columna {
    flex: 50%;
    padding: 0 4px;
  }

  .columna img {
    margin-top: 8px;
    vertical-align: middle;
  }
  .trans2 {
    width: 800px;
    height: 800px;
    position: relative;
    animation-name: example;
    animation-duration: 4s;
    animation-delay: -2s;
  }
  @keyframes example {
    0%   {
      left:0px; top:0px;
    }
    25%  {
      left:200px; top:0px;
    }
    50%  {
      left:200px; top:200px;
    }
    75%  {
      left:0px; top:200px;
    }
    100% {
      left:0px; top:0px;
    }
  }

  .example-container {
    @include make-container()
    width: 100%`
  }
  .cotex{
    background: rgb(49, 149, 249);
    vertical-align: text-bottom; 
  }

  .centrado{
    text-align: center;
}










.chico{ 
    display:none;
}
.grande{
  display: block;
}
/*Una vez alcance los 1490px realizas el cambio*/
@media screen and (min-width: 560px) {
  .chico{ 
    display:block;
  }
  .grande{
    display: none;
  }

}