/********************************HomePage********************************/






#video-background
    {
        /*  making the video fullscreen  */
        position: relative;
        right: 0;
        bottom: 0;
        width: 100%;
        z-index: -100;
    }
    
    
    h1
    {
        position: absolute;
        top: 25%;
        right: 5%;
        width: 100%;
        color: #fff;
        text-align: center;
    }
    
    h1 span
    {
        font-family: sans-serif;
        font-weight: 300;
        font-size: 16px;
        line-height: 24px;
    }
    
    h1 span a
    {
        color: #fff;
    }
    
    .fiora1
    {
        width: 150px;
        height: 50px;
        border-radius: 3px;
        background-color: #242de1;
        font-size: 20px;
        font-family: Montserrat-Regular;
        border-color: #242de1;
        margin-top: -2%;
        margin-right: -37%;
    }
    .fiora2
    {
        width: 150px;
        height: 50px;
        border-radius: 3px;
        background-color: #242de1;
        font-size: 20px;
        font-family: Montserrat-Regular;
        border-color: #242de1;
        margin-top: -2%;
        margin-right: -37%;
    }
    
    #wrap {
  min-height: 100%;
  height: auto;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}



    @font-face {
  font-family: 'PT-Mono-Regular';

  src: url('../fonts/PT-Mono-Regular.eot');
  src: url('../fonts/PT-Mono-Regular.eot?#iefix') format('embedded-opentype'), url('../fonts/PT-Mono-Regular.woff') format('woff'), url('../fonts/PT-Mono-Regular.ttf') format('truetype'), url('../fonts/PT-Mono-Regular.svg#glyphicons_halflingsregular') format('svg');
}

  .flexbox { display: flex; }
.flexbox .stretch { flex: 0.7; }
.flexbox .normal { flex: 0; margin: 2px 0 0 1rem; }
.flexbox div input { padding: .5em 1em; width: 98%; }
.flexbox div button { padding: .5em 1em; white-space: nowrap; }  
    
    @media(max-width:)
    {
        .flexbox div input { padding: .5em 1em; width: 98%; }
    }
    
    
     .A-Voice
    {
    font-family:Montserrat-Regular;
    font-size:80px;
    color:White;
    font-weight:lighter;
    }
    
    .beyondWord
    {
        width:33%;
        margin-left:13%;
    }
    
    .creatingMusical
    {
    
    font-size:36px;
    margin-left:12%;
    font-family:Montserrat-Regular;
    font-weight:lighter;
    }
    .fiora1padding
    {
        padding: 10px 15px 10px 5px;
    }
    
    
    
    .BlueIconFooter
    {
    float:right;
    margin-right:15%;
    margin-top:4%;
    }


    
    
    @media(max-width:768px)
    {
        
   .nav > li
   {
       width:30%;
   }
   .dropdown-menu > li > a:hover
   {
       background-color:#242de1;
   }

    .Drop-Mob
    {
        background-color:#383838;
    }
    
   .navbar-inverse .navbar-nav > li > a:hover
   {
       background-color:#242de1;
   }
    
    .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover
    {
        background-color:#242de1;
    }
    
    .beyondWord
    {
        width:45%;
        margin-left:13%;
    }
    
     .fiora1
    {
        width: 50px;
        height: 16.66px;
        border-radius: 1px;
        background-color: #242de1;
        font-size: 7px;
        font-family: Montserrat-Regular;
        border-color: #242de1;
        margin-top: 2%;
        margin-right: -37%;
        margin-bottom:100px
    }
      .fiora2
    {
        width: 150px;
        height: 50px;
        border-radius: 3px;
        background-color: #242de1;
        font-size: 20px;
        font-family: Montserrat-Regular;
        border-color: #242de1;
       
        margin-right: -37%;
        margin-bottom:100px
    }
    .A-Voice
    {
       font-size:30px; 
       margin-top:0px
    }
   .vid-mob
   {
       margin-top:20px;
   }
   .creatingMusical
    {
    
    font-size:13.5px;
   
    }
    .fiora1padding
    {
        padding: 2px ;
    }
    .BlueIconFooter
    {
        margin-bottom:50px
    }
    
    .LOGO
    {
        width:100px
    }
    
    }
    
    /********************************End-HomePage********************************/