html {
    height:100%;
  }
  
  body {
    margin:0;
  }
  
  .bg {
    animation:slide 7s ease-in-out infinite alternate;
    background-image: linear-gradient(-60deg, rgb(134, 4, 4) 50%, #000000 50%);
    bottom:0;
    left:-50%;
    opacity:.5;
    position:fixed;
    right:-50%;
    top:0;
    z-index:-1;
  }
  
  .bg2 {
    animation-direction:alternate-reverse;
    animation-duration:8s;
  }
  
  .bg3 {
    animation-duration:10s;
  }

/*.bg {
    
    bottom:0;
    position:fixed;
    top:0;
    z-index:-1;
  }
  .bg2{
    background-color: #191919;
    opacity: .5;
    z-index: -1;
    position: fixed;
    height: 1080px;
    width: 1920px;
  	
  }

  video{
    height: 1080px;
    width: 1920px;
  }*/

  
  .jumbotron{
    background: none !important;  
  }

  .jumbotron img{
    display:block;
    margin-left:auto;
    margin-right:auto;
    height: 200px;
    width: auto;
  }

  .col-lg-4{
    align: center;
    display: block;
    font-family: 'Raleway', sans-serif;
  }

  .row{
    overflow: hidden;
    margin: 0px !important;
  }

  #imgPlayer, #imgPlayer2{
    position: relative;
    height: 400px;
    width: auto;
  }

  #imgTeam, #imgTeam2{
    position: relative;
    height: 100px;
    width: 100px;
  }

  #player, #player2{
    font-size: 60px;
    color: #e6e6e6;
    font-family: 'Raleway', sans-serif;
    padding-left: 20px;
    padding-right: 20px;
    line-height: 100px;
    text-align: center;
  }

  #flag, #flag2{
    
  }
  
  table{
    text-align: center;
    color: #e6e6e6;
    width: 100%;
    font-size: 50px;
    font-family: 'Raleway', sans-serif;
    vertical-align: center;
    margin-top: auto;
    margin-bottom: auto;
  }
  
  
  @keyframes slide {
    0% {
      transform:translateX(-25%);
    }
    100% {
      transform:translateX(25%);
    }
  }