.header-inner{
    display: flex;
    justify-content: center;   
    align-items: center; 
}
.logo {
    font-size: 20px;
    width: 30%;
}
.nav {
    font-size: 13px;
}
.intro {       
    width: 100%;       
    background: url(../images/img1-media.jpg) center no-repeat;
    background-size: cover;    
}

.intro-inner{
    position: absolute;    
    left: -100px;
    bottom: -10px;    
    width: 100%;
    max-width: 500px;    
}

.intro-text {    
    position: absolute;     
    bottom: -150px; 
}

.button {
    visibility: hidden;
}

.about {   
    display: flex;
    flex-direction: column;
    justify-content: center; 
    width: 100%;    
    height: 685px;
    background: url(../images/img2-media.jpg) center;
    background-size: cover;    
}

.project {   
    display: flex;
    flex-direction: column;  
    justify-content: center;   
    width: 100%;    
    height: 728px;
    background: url(../images/img3-media.jpg) center;
    background-size: cover;   
    position: relative; 
}

.project-content {
    color:white;   
    font-size: 55px;  
    text-align: center;
    position: absolute;
    left: 100px;    
}