html,
 body {
     width: 100%;
     height: 100%;
 }
 
 .img-circle {
     border-radius: 50%;
     border: 4px solid white;
     height: 15em;
     width: 15em;
     padding: 10px;
     margin-top: 25px;
 }
 
 header {
     position: relative;
     width: 100%;
     min-height: auto;
     text-align: center;
     font-family: 'Satisfy', cursive;
     -webkit-background-size: cover;
     -moz-background-size: cover;
     background-size: cover;
     -o-background-size: cover;
 }
 
 header .header-content {
     position: relative;
     width: 100%;
     padding: 100px 15px;
     text-align: center;
 }
 
 header .header-content .header-content-inner h1 {
     margin-top: .1em;
     margin-bottom: .1em;
     font-family: 'Poiret One';
     color: #fff;
     font-size: 55px;
     /* text-transform: uppercase; */
     /*font-weight: 700;*/
 }
 
 header .header-content .header-content-inner hr {
     margin: 30px auto;
 }
 
 header .header-content .header-content-inner p {
     margin-bottom: 50px;
     font-size: 16px;
     font-weight: 300;
     color: rgba(255,255,255,.7);
     font-family: 'Homemade Apple';
 }
 
 #background-video {
    width: 100vw;
    height: 100vh;
    object-fit: cover;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
  }