html, body{
  height: 100%;
}

body {
  font-family: monospace;
  background-color: #031325;
  color: white;
}

section{
  padding-top: 73px;
  min-height: calc(100% - 50px);
}

footer{
  margin-top: 50px
}

.footer{
  position: relative;
  height: 50px;
  margin-top: -50px;
}

.clear-float{
  clear:both;
}

.splide__video__play{
  width: 100px!important;
  height: 100px!important;
}

.splide__video__play:hover{
  background-color: black;
}

.splide__video__play:hover:after{
  
  border-color: transparent transparent transparent #fff;
}

.splide__video__play:after{
  border-width: 20px 0 20px 28px!important;
}

.agp-title{
  font-size: 23pt;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: center;
  text-transform: uppercase;
}

.agp-title-desc{
  text-align: center;
  margin-bottom: 20px;
}

.agp-color-section{
  background: #081f39;
}


.badge-primary {
  color: #000000;
  background-color: #ffffff;
}

/******* BUTTONS ***********/
.btn-agp{
  background: #275f9d;
  color: white;
  border: none;
  padding: 10px 20px;
}

.btn-agp:hover{
  background: #184576;
  color: white;
}

.btn-agp-border{
  background: #3b095500;
  color: white;
  border: 2px solid #ffffff;
  border-radius: 8px;
  padding: 5px 20px;
}

.btn-agp-border:hover{
  transition: all 0.2s ease-in-out;
  background: #ffffff;
  color: #275f9d;
  font-weight: bold;
}

.btn-agp-small{
  padding: 3px 15px;
  font-size: 10pt;
}

/***********************/



@media (max-width: 768px){
  body{
    font-size: 10pt;
  }

  footer{
    font-size: 8pt;
  }

  .footer{
    padding: 18px!important;
  }

  .btn{
    font-size: 10pt;
  }

  .agp-title{
    font-size: 15pt;
  }

  .container, .container-fluid, .container-lg, .container-md, .container-sm, .container-xl {
    padding-right: 25px;
    padding-left: 25px;
  }
}