body {
	font-family: "Exo 2", sans-serif;
	font-optical-sizing: auto;
	font-weight: 300;
	font-style: normal;
  }

  video {
	  object-fit: cover;
	  width: 100vw;
	  height: 100vh;
	  position: fixed;
	  top: 0;
	  left: 0;
  }
  
  #background-video {
	  width: 100vw;
	  height: 100vh;
	  position: fixed;
	  top: 0;
	  left: 0; 
	  z-index: 1; 
  }

  #promo {
	  width: 100vw;
	  height: 100vh;
	  position: fixed;
	  top: 0;
	  left: 0; 
	  z-index: 10; 
  }
  #promo .bg {
	animation: 28s linear 0s normal none infinite running rot;
	-webkit-animation: 28s linear 0s normal none infinite running rot;
	width: 100%;
	text-align: center;
	position: absolute;
	z-index: 90;
  }

  .cap {
	position:relative;
	width: 100%;
	z-index: 100;
  }
  @keyframes rot {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  @-webkit-keyframes rot {
	0% {
	  transform: rotate(0deg);
	}
	100% {
	  transform: rotate(360deg);
	}
  }
  @keyframes mvm {
	0% {
		background-position: 50% 50%
	}
	16% {
		background-position: 51% 51%
	}
	35% {
		background-position: 52% 50%
	}
	50% {
		background-position: 51% 49%
	}
	73% {
		background-position: 50% 50%
	}
	84% {
		background-position: 49% 51%
	}
	100% {
		background-position: 50% 50%
	}
  }

  .prm-1 {
	background: url(point-1.png) no-repeat center center;
	background-size: contain;
	-moz-background-size: contain;
	
	animation: 28s linear 0s normal none infinite running mvm;
	-webkit-animation: 28s linear 0s normal none infinite running mvm;
  }
  .prm-2 {
	background: url(point-2.png) no-repeat center center;
	background-size: contain;
	-moz-background-size: contain;
  }
  #promo p {
	width: 100%;
	text-align: center;
	color:#006699;
	font-weight: 700;
  }
  #promo h5 {
	width: 100%;
	text-align: center;
	margin-top: 6rem;
	margin-bottom: 6rem;
	font-weight: 300;
	-webkit-animation: pulsing 3s infinite;
	animation: pulsing 3s infinite;
  }
  #promo h5 > img {
	max-width: 80px;
  }
  #promo h5 > span.first {
	font-size: 150%;
	font-weight: 500!important;
  }

  #promo h5 > span.last {
	font-size: 80%;
	font-weight: 500!important;
	line-height: 1.0!important;
  }

  #promo h5 > span.mid {
	font-size: 70%;
	font-weight: 300!important;
	line-height: .9;
  }

  @-webkit-keyframes pulsing {
	0% {
	  -webkit-transform: scale(0.95, 0.95);
	  transform: scale(0.95, 0.5)
	}
	50% {
	  -webkit-transform: scale(1.0, 1.0);
	  transform: scale(1.0, 1.0);
	}
	100% {
	  -webkit-transform: scale(0.95, 0.95);
	  transform: scale(0.95, 0.95);
	}
  }

  @keyframes pulsing {
	0% {
	  -webkit-transform: scale(0.95, 0.95);
	  transform: scale(0.95, 0.95)
	}
	50% {
	  -webkit-transform: scale(1.0, 1.0);
	  transform: scale(1.0, 1.0);
	}
	100% {
	  -webkit-transform: scale(0.95, 0.95);
	  transform: scale(0.95, 0.95);
	}
  }

  #logo {
	max-width: 220px;
	margin: 30px auto;
  }