/*!
 * Start Bootstrap - Full HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

.container {
    background-color: transparent;
    
}

.wrapper{
    overflow: scroll;
    height:100%;
}

body {
    margin-top: 50px; /* Required margin for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
    font-size: 16px;
    color: #FFFFF2;
    font-family: 'Cormorant Garamond', serif;
    letter-spacing: 1px;
    font-weight: bold;
    word-wrap: break-word;
    background-color: transparent;
  
}

body:before {
  content: "";
  display: block;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: -10;
  /*background: url(Final-logo-flat-small.png) no-repeat center center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;*/
}

.image { 
   position: fixed; 
   width: 100%; /* for IE 6 */
}

h2 { 
   position: fixed; 
   top: 550px; 
   left: 0; 
   width: 100%; 
}

h2 span { 
   float: right;
    font-family: 'Cormorant Garamond', serif;
    background-color: rgba(51,51,51,0.8);
    border-radius: 5px;
    color: #FFFFF2; 
   font-style: bold;
   letter-spacing: -0.5px;  
   padding: 10px; 
}

h4 {
    letter-spacing: 2px;
}

h5 { 
    letter-spacing: -0.5px; 
    font-family: 'Julius Sans One', sans-serif;
    font-size: 20px;
}

.panel-title {
    font-size: 20px;
}

h6 {
    font-family: 'Julius Sans One', sans-serif;
}

h7 {
    font-family: 'Cormorant Garamond', serif;
    color: #00ffff;
}

h8 {
    font-family:'Cormorant Garamond', serif;
    font-size: 14px;
    color: #FFFFF2;
}

h7 a:hover {
    text-decoration: none;
    outline: none;
    color: #FFFFFF;
}

h9 {
    font-family:'Cormorant Garamond', serif;
    font-size: 14px;
    color: #333333;
}

h10 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 12px;
    font-style: bolder;
    color: #FFFFFF;
}

a:visited, a:link, a:active {
    text-decoration: none;
    outline: none;
    color: #FFFFFF;
}

.panel { 
    background-color: rgba(51,51,51,0.7);
}

.panel-group {
    padding: 5px;
    background-color: rgba(191,0,0,0.7)
}

.panel-body {
    -webkit-background-size: auto;
    -moz-background-size: auto;
    background-size: auto;
    -o-background-size: auto;
}


/*the white line*/
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
    border-top: 0px;
}

.fa-circle-thin { 
    outline-color: #FFFFCC;
} 

.fa-stack        .fa { color: #FFFFF2;}
.fa-stack        .fa.fa-circle-thin { color: #FFFFF2;}
.fa-stack        .fa.fa-circle { opacity:0.0; }

.fa-stack:hover  .fa {color: #00ffff;}
.fa-stack:hover  .fa.fa-circle-thin { color: #00ffff; }
.fa-stack:hover  .fa.fa-circle { opacity:0.0 }

/* Header Image Background - Change the URL below to your image path (example: ../images/background.jpg) */

.full {
    background-image: url(Final-logo-flat-small.png);
    background-position: center;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-color: #050714;
    /*background-display: block;*/
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: -10;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    -webkit-overflow-scrolling: touch;
   
}