body{margin:0;background:#000}
/*video, picture{position:fixed;top:50%;left:50%;min-width:100%;min-height:100%;width:auto;height:auto;z-index:-100;transform:translateX(-50%) translateY(-50%);background:url('') no-repeat;background-size:cover;transition:1s opacity;}*/
/*.stopfade{opacity:.5}*/
.hero-bg {
  width: 100%;
  height: 100vh; /* or any height you need */
  background-image: url("aegiscore-background-video.avif");
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  position: fixed;
}

#outersection{font-weight:100;background:rgba(0,0,0,.3);color:#fff;padding:0 20px;width:33%;margin:2rem;float:right;font-size:1.2rem}
h1{font-size:3rem; font-family:Agenda-Light,Agenda Light,Agenda,Arial Narrow,sans-serif; width: 100%; letter-spacing:.3rem ;text-align:center; vertical-align: middle; color: #c53211; margin-top: 80px; text-shadow: 1px 1px 1px #fff;}
h2{font-size:2rem;text-transform:uppercase; width: 100%; letter-spacing:.2rem ; font-family:Agenda-Light,Agenda Light,Agenda,Arial Narrow,sans-serif; text-align:center; vertical-align: middle; color: #c53211; text-shadow: 1px 1px 1px #fff;}

a{display:inline-block;color:#fff;text-decoration:none;background:rgba(0,0,0,.5);padding:.5rem;transition:.6s background}
a:hover{background:rgba(0,0,0,.9)}