@import url('https://fonts.googleapis.com/css?family=Poppins:200,300,400,500,600,700,800,900&display=swap');
@import url('https://fonts.googleapis.com/css?family=Roboto:200,300,400,500,600,700,800,900&display=swap');

@import "gridsystem.css";
@import "style.css";
*{
  margin: 0;
  padding: 0;
  font-family: 'Poppins', sans-serif;
}
body{background-color: #edf3f8};
/* Default Classes */
  /* --> Colors */
  .color-1{color: #3baec9;}
  .color-2{color: #1786b0;}
  .color-3{color: #084685;}
  .bg-color-1{color: #ffffff!important;background-color: #3baec9!important;}
  .bg-color-2{color: #ffffff!important;background-color: #1786b0!important;}
  .bg-color-3{color: #ffffff!important;background-color: #084685!important;}
  .bg-gradient{background-image: linear-gradient(0deg, #3baec9, #084685);}

/* Pages */
  /* Page --> Login */
#videoheader{
  position: relative;
}
#videoheader video{
  width: 100%;
}
#videoheader img{
  position: absolute;
  z-index: 1;
  width: 100%;
}