body{
    background: #fafafa  ;
    font-family: 'Roboto Slab', serif;
}
header {
    background: -webkit-gradient(linear, left top, left bottom, from(rgba(120, 124, 121, 0.74)), to(rgba(53, 58, 54, 0.24))), url("../img/homepage.jpg");      
    background-size: cover;
    background-position: center;
    min-height: 100%;
}
header::after{
    background: red;
    z-index: 1;
}
#author {    
    font-family: 'Exo', sans-serif;
    position: absolute;  
    top: 40%;
    left: 40%;             
}

.section {
    padding-top: 4vw;
    padding-bottom: 4vw;
}

.tabs .indicator {
    background-color: #ffa600 ;
}

.tabs .tab a:focus,
.tabs .tab a:focus.active {
    background: #ffffff;
}
#aboutus ul a{
    text-transform: none;
    font-size: 1rem;
}
#software li {
    font-size: 1.3rem;
}

#server li {
    font-size: 1.3rem;
}

#infrastructure li {
    font-size: 1.3rem;
}

.row #software p{
    font-size: 1.5rem;
}

.row #server p{
    font-size: 1.5rem;
}

.row #infrastructure p{
    font-size: 1.5rem;
}

#contact a{
    color: #212121 ;
}
#contact a:hover{
    color: #757575;
}
@media screen and (max-width:1300) {
    header {
        min-height: 800px;
    }
    
}
@media screen and (max-width:670px) {
    header {
        min-height: 500px;
    }  
    #author{
        top: 20%;
        left: 10%;              
    }  
    #aboutus ul a{
        text-transform: none;
        font-size: 0.8rem;
        font-style: normal;
    }
}
#sendtop {
    position: fixed;
    bottom: 15px;
    right: 15px;
}