section {
  display: inline-block;
  width: 300px;
  height: 600px;
  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:40px;
  line-height:1;
}
.button{
  position: absolute;
  bottom: 65px;
  left:21px;
  z-index: 2;
  opacity:0;
  animation: fadein 10s linear infinite;
}
.logos{
  position: absolute;
  bottom:10px;
  left:22px;
  z-index: 2;
  opacity:0;
  animation: fadein 10s linear infinite;
}
.logos img{
  margin:0 5px;
  display: inline-block;
}
.graphic{
  position: absolute;
  bottom:0;
  right:0;
  z-index: 2;
  opacity:0;
  animation: fadein 10s linear infinite;
}
@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;
  }
/*  49%{
    opacity:1;
  }
  50%{
    opacity:0;
  }*/
  100%{
    opacity: 1;
  }
}
@keyframes fadein {
  0% {
    opacity: 0;
  }
  40% {
    opacity: 0;
  }
  50%{
    opacity:1;
  }
  100%{
    opacity:1;
  }
}
.text{
  padding:27px 50px 0 17px;
  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,
  201px 201px #29377B, 
  202px 202px #29377B, 
  203px 203px #29377B, 
  204px 204px #29377B, 
  205px 205px #29377B, 
  206px 206px #29377B, 
  207px 207px #29377B, 
  208px 208px #29377B, 
  209px 209px #29377B, 
  210px 210px #29377B, 
  211px 211px #29377B, 
  212px 212px #29377B, 
  213px 213px #29377B, 
  214px 214px #29377B, 
  215px 215px #29377B, 
  216px 216px #29377B, 
  217px 217px #29377B, 
  218px 218px #29377B, 
  219px 219px #29377B, 
  220px 220px #29377B, 
  221px 221px #29377B, 
  222px 222px #29377B, 
  223px 223px #29377B, 
  224px 224px #29377B, 
  225px 225px #29377B, 
  226px 226px #29377B, 
  227px 227px #29377B, 
  228px 228px #29377B, 
  229px 229px #29377B, 
  230px 230px #29377B, 
  231px 231px #29377B, 
  232px 232px #29377B, 
  233px 233px #29377B, 
  234px 234px #29377B, 
  235px 235px #29377B, 
  236px 236px #29377B, 
  237px 237px #29377B, 
  238px 238px #29377B, 
  239px 239px #29377B, 
  240px 240px #29377B, 
  241px 241px #29377B, 
  242px 242px #29377B, 
  243px 243px #29377B, 
  244px 244px #29377B, 
  245px 245px #29377B, 
  246px 246px #29377B, 
  247px 247px #29377B, 
  248px 248px #29377B, 
  249px 249px #29377B, 
  250px 250px #29377B,
  251px 251px #29377B, 
  252px 252px #29377B, 
  253px 253px #29377B, 
  254px 254px #29377B, 
  255px 255px #29377B, 
  256px 256px #29377B, 
  257px 257px #29377B, 
  258px 258px #29377B, 
  259px 259px #29377B, 
  260px 260px #29377B, 
  261px 261px #29377B, 
  262px 262px #29377B, 
  263px 263px #29377B, 
  264px 264px #29377B, 
  265px 265px #29377B, 
  266px 266px #29377B, 
  267px 267px #29377B, 
  268px 268px #29377B, 
  269px 269px #29377B, 
  270px 270px #29377B, 
  271px 271px #29377B, 
  272px 272px #29377B, 
  273px 273px #29377B, 
  274px 274px #29377B, 
  275px 275px #29377B, 
  276px 276px #29377B, 
  277px 277px #29377B, 
  278px 278px #29377B, 
  279px 279px #29377B, 
  280px 280px #29377B, 
  281px 281px #29377B, 
  282px 282px #29377B, 
  283px 283px #29377B, 
  284px 284px #29377B, 
  285px 285px #29377B, 
  286px 286px #29377B, 
  287px 287px #29377B, 
  288px 288px #29377B, 
  289px 289px #29377B, 
  290px 290px #29377B, 
  291px 291px #29377B, 
  292px 292px #29377B, 
  293px 293px #29377B, 
  294px 294px #29377B, 
  295px 295px #29377B, 
  296px 296px #29377B, 
  297px 297px #29377B, 
  298px 298px #29377B, 
  299px 299px #29377B, 
  300px 300px #29377B;
}
.text.frame1{
  animation: slidein1 10s ease infinite;
}
.text.frame2{
  animation: slidein2 10s ease infinite;
  padding-top: 0;
}