/* styles */
html,
body {
 height:100%;      
}

body {
   -webkit-font-smoothing: antialiased;
    text-rending: optimizelegibility;
    color: #6c6f73;
    
}
h1,h2,h3,h4,h5 {
    
    color: #333;
}

h6 {
    text-transform:uppercase;
    font-weight: bold;
    font-size: 0.8rem;
    letter-spacing: 0.1rem;
}
img {
    max-width: 100%;
}

blockquote {
    font-size: 1.6rem;
    color: #333;
    border: none;
    padding:0;
    
}

blockquote-footer {
    margin: 1rem 0 0;
}

#stage {
    background: url('../img/computer.jpg') center center no-repeat;
    background-size: cover;
    color:white;
    height:100%;
    width:100%;
    display:flex;
    align-items:center;
    
}

#panel{
    padding:.8rem;
    background-color: rgba(254,254,254,0.6);
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px; 
    -khtml-border-radius: 5px; 
}

#stage-caption {
    font-size: 1.4em;
    font-weight:200;
    max-width:60rem;
    margin: 0 auto;
    text-align:center;
    
}

#stage-caption h1{
    color:#000;
    font-weight:normal;
    text-transform: uppercase;
}
#stage-logo {
    padding-top:.6rem;
}

.feature-content {
    padding: 8rem 0;
    overflow:hidden;
    
}
.feature-content img {
    margin-bottom: -8rem;
}
.feature-dark {
    
    background: #262F36;
    color:#FFF;
}

.feature-blue {
    background:#2478b6;
    color:#FFF
    
}
.feature-alt {
    background: #f0f0f0;
       
}

.feature-dark h2 {
    color:#FFF;
}

#feature-two a{
    color:#FFF;
    
}
#feature-three img {
    margin-bottom:-18rem;
    
}

#feature-five img {
    margin-top:2rem;
    padding: 0 12px 0 12px;
    
}


.top {
   margin:-4rem 0 .9rem 0;
    text-align:right;
}

#main-footer {
    
    background:#262F36;
    color:#FFF;
    padding: 6rem 0;
    font-size:.8rem;
}

#main-footer h6 {
    
     color: #718FA9;
}
 
#main-footer a {
    color: #6c5F73;
    
}
@media all and (max-width : 768px) {
    
    #panel h1 {
        font-size: 1.9rem;
        font-weight: 500;
    }
    #panel h2 {
        font-size: 1rem;
        font-weight: normal;
    }

}
@media screen and (min-width : 991px) {
    
  
    
    .feature-content { 
        display:flex;
        align-items:center;
    
    }
    
}