section {
  display: inline-block;
  width: 300px;
  height: 250px;
  background: rgb(77,98,173);
  background: linear-gradient(180deg, rgba(77,98,173,1) 0%, rgba(141,173,188,1) 100%);

  position: absolute;
  text-decoration:  none;
  overflow: hidden;

  font-family: "futura-pt-bold", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.text-container {
  color: white;
  text-transform: uppercase;
  font-size:26px;
  line-height:1;
}
.button{
  position: absolute;
  bottom:16px;
  left:18px;
  z-index: 2;
  opacity:0;
  animation: fadein 10s linear infinite;
}
.logos{
  position: absolute;
  bottom:7px;
  right:11px;
  z-index: 2;
  opacity:0;
  animation: fadein 10s linear infinite;
}
.logos img{
  margin:0 5px;
  display: inline-block;
}
@keyframes slidein1 {
  0% {
    transform: translate(300px, 250px);
    opacity:1;
  }
  10% {
    transform: translate(0, 0);
    opacity:1;
  }
  100%{
    opacity: 1;
  }
}
@keyframes slidein2 {
  0% {
    transform: translate(300px, 250px);
    opacity:1;
  }
  20% {
    transform: translate(300px, 250px);
    opacity:1;
  }
  30% {
    transform: translate(0, 0);
    opacity:1;
  }
  100%{
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50%{
    opacity:1;
  }
  100%{
    opacity:1;
  }
}
.text{
  padding:18px 12px 0 15px;
  opacity:0;
  text-shadow: 
  1px 1px #29377B, 
  2px 2px #29377B, 
  3px 3px #29377B, 
  4px 4px #29377B, 
  5px 5px #29377B, 
  6px 6px #29377B, 
  7px 7px #29377B, 
  8px 8px #29377B, 
  9px 9px #29377B, 
  10px 10px #29377B, 
  11px 11px #29377B, 
  12px 12px #29377B, 
  13px 13px #29377B, 
  14px 14px #29377B, 
  15px 15px #29377B, 
  16px 16px #29377B, 
  17px 17px #29377B, 
  18px 18px #29377B, 
  19px 19px #29377B, 
  20px 20px #29377B, 
  21px 21px #29377B, 
  22px 22px #29377B, 
  23px 23px #29377B, 
  24px 24px #29377B, 
  25px 25px #29377B, 
  26px 26px #29377B, 
  27px 27px #29377B, 
  28px 28px #29377B, 
  29px 29px #29377B, 
  30px 30px #29377B, 
  31px 31px #29377B, 
  32px 32px #29377B, 
  33px 33px #29377B, 
  34px 34px #29377B, 
  35px 35px #29377B, 
  36px 36px #29377B, 
  37px 37px #29377B, 
  38px 38px #29377B, 
  39px 39px #29377B, 
  40px 40px #29377B, 
  41px 41px #29377B, 
  42px 42px #29377B, 
  43px 43px #29377B, 
  44px 44px #29377B, 
  45px 45px #29377B, 
  46px 46px #29377B, 
  47px 47px #29377B, 
  48px 48px #29377B, 
  49px 49px #29377B, 
  50px 50px #29377B, 
  51px 51px #29377B, 
  52px 52px #29377B, 
  53px 53px #29377B, 
  54px 54px #29377B, 
  55px 55px #29377B, 
  56px 56px #29377B, 
  57px 57px #29377B, 
  58px 58px #29377B, 
  59px 59px #29377B, 
  60px 60px #29377B, 
  61px 61px #29377B, 
  62px 62px #29377B, 
  63px 63px #29377B, 
  64px 64px #29377B, 
  65px 65px #29377B, 
  66px 66px #29377B, 
  67px 67px #29377B, 
  68px 68px #29377B, 
  69px 69px #29377B, 
  70px 70px #29377B, 
  71px 71px #29377B, 
  72px 72px #29377B, 
  73px 73px #29377B, 
  74px 74px #29377B, 
  75px 75px #29377B, 
  76px 76px #29377B, 
  77px 77px #29377B, 
  78px 78px #29377B, 
  79px 79px #29377B, 
  80px 80px #29377B, 
  81px 81px #29377B, 
  82px 82px #29377B, 
  83px 83px #29377B, 
  84px 84px #29377B, 
  85px 85px #29377B, 
  86px 86px #29377B, 
  87px 87px #29377B, 
  88px 88px #29377B, 
  89px 89px #29377B, 
  90px 90px #29377B, 
  91px 91px #29377B, 
  92px 92px #29377B, 
  93px 93px #29377B, 
  94px 94px #29377B, 
  95px 95px #29377B, 
  96px 96px #29377B, 
  97px 97px #29377B, 
  98px 98px #29377B, 
  99px 99px #29377B, 
  100px 100px #29377B, 
  101px 101px #29377B, 
  102px 102px #29377B, 
  103px 103px #29377B, 
  104px 104px #29377B, 
  105px 105px #29377B, 
  106px 106px #29377B, 
  107px 107px #29377B, 
  108px 108px #29377B, 
  109px 109px #29377B, 
  110px 110px #29377B, 
  111px 111px #29377B, 
  112px 112px #29377B, 
  113px 113px #29377B, 
  114px 114px #29377B, 
  115px 115px #29377B, 
  116px 116px #29377B, 
  117px 117px #29377B, 
  118px 118px #29377B, 
  119px 119px #29377B, 
  120px 120px #29377B, 
  121px 121px #29377B, 
  122px 122px #29377B, 
  123px 123px #29377B, 
  124px 124px #29377B, 
  125px 125px #29377B, 
  126px 126px #29377B, 
  127px 127px #29377B, 
  128px 128px #29377B, 
  129px 129px #29377B, 
  130px 130px #29377B, 
  131px 131px #29377B, 
  132px 132px #29377B, 
  133px 133px #29377B, 
  134px 134px #29377B, 
  135px 135px #29377B, 
  136px 136px #29377B, 
  137px 137px #29377B, 
  138px 138px #29377B, 
  139px 139px #29377B, 
  140px 140px #29377B, 
  141px 141px #29377B, 
  142px 142px #29377B, 
  143px 143px #29377B, 
  144px 144px #29377B, 
  145px 145px #29377B, 
  146px 146px #29377B, 
  147px 147px #29377B, 
  148px 148px #29377B, 
  149px 149px #29377B, 
  150px 150px #29377B, 
  151px 151px #29377B, 
  152px 152px #29377B, 
  153px 153px #29377B, 
  154px 154px #29377B, 
  155px 155px #29377B, 
  156px 156px #29377B, 
  157px 157px #29377B, 
  158px 158px #29377B, 
  159px 159px #29377B, 
  160px 160px #29377B, 
  161px 161px #29377B, 
  162px 162px #29377B, 
  163px 163px #29377B, 
  164px 164px #29377B, 
  165px 165px #29377B, 
  166px 166px #29377B, 
  167px 167px #29377B, 
  168px 168px #29377B, 
  169px 169px #29377B, 
  170px 170px #29377B, 
  171px 171px #29377B, 
  172px 172px #29377B, 
  173px 173px #29377B, 
  174px 174px #29377B, 
  175px 175px #29377B, 
  176px 176px #29377B, 
  177px 177px #29377B, 
  178px 178px #29377B, 
  179px 179px #29377B, 
  180px 180px #29377B, 
  181px 181px #29377B, 
  182px 182px #29377B, 
  183px 183px #29377B, 
  184px 184px #29377B, 
  185px 185px #29377B, 
  186px 186px #29377B, 
  187px 187px #29377B, 
  188px 188px #29377B, 
  189px 189px #29377B, 
  190px 190px #29377B, 
  191px 191px #29377B, 
  192px 192px #29377B, 
  193px 193px #29377B, 
  194px 194px #29377B, 
  195px 195px #29377B, 
  196px 196px #29377B, 
  197px 197px #29377B, 
  198px 198px #29377B, 
  199px 199px #29377B, 
  200px 200px #29377B;
}
.text.frame1{
  animation: slidein1 10s ease infinite;
}
.text.frame2{
  animation: slidein2 10s ease infinite;
  padding-top: 0;
}