body {
  font-family: 'Arimo', sans-serif;
  background: black;
}

video {
position: fixed;
right: 0;
bottom: 0;
min-width: 100%;
min-height: 100%;
width: auto;
height: auto;
z-index: -100;
background-size: cover;
}

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

.overlay { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  font-weight:100; 
  background: rgba(0,0,0,0.4);
  color: white;
  padding: 2rem;
  width: 25%;
  margin:2rem;
  float: right;
  font-size: 1.2rem;
    border-radius: 5%;
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
      height: 360px;
}

.overlay h1 {
  text-align: center;
  color: #fff;
  font-family: inherit;
}

.overlay p{
  text-align: center;
  width: 90%;
  margin: 0 auto;
  color: #fff;
  font-family: inherit;
  margin-bottom: 30px;
}

.overlay a {
  color: #fff;
}

.orange {
  text-decoration: none;
}
 p a.orange {
   color: #f27950;
 }

 
 .overlay button { 
  display: block;
  width: 80%;
  padding: .4rem;
  border: none; 
  margin: 1rem auto; 
  font-size: 1.3rem;
  background: rgba(255,255,255,0.23);
  color: #fff;
  border-radius: 3px; 
  cursor: pointer;
  -webkit-transition: .3s background;
          transition: .3s background;
}



.overlay2 { 
  font-family: Agenda-Light, Agenda Light, Agenda, Arial Narrow, sans-serif;
  font-weight:100; 
  /* background: rgba(0,0,0,0.4); */
  color: white;
  padding: 2rem;
  width: 25%;
  margin:2rem;
  float: left;
  font-size: 1.2rem;
    border-radius: 5%;
  -webkit-border-radius: 5%;
  -moz-border-radius: 5%;
  height: 360px;
}
.overlay2 h1 {
  text-align: center;
  color: #fff;
  font-family: inherit;
}

.overlay2 p{
  text-align: center;
  width: 100%;
  margin: 0 auto;
  color: #fff;
  font-family: inherit;
  margin-bottom: 10px;
  
}

.overlay2 a {
  color: #fff;
}