.about_home {
    width:100%;
    position: relative;
    top:0;
    left:0;
}

.logosmall {
    top: 4%;
}

h2.about_text {
    font-family:"Schnyder"; font-size-adjust:0.5; font-weight:500; font-style:normal;
    font-size: calc(44px + (108 - 44) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(48px + (112 - 48) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: .5px;
    color:#e2e0d9;                             
    transform: translate(0, 0);
    text-align: left;
    margin-top:320px;
    padding:0% 6% 0% 6%;  
}

 h4.about_bigpar {
    font-family:"Schnyder"; font-size-adjust:0.5; font-weight:500; font-style:normal;
    font-size: calc(36px + (48 - 36) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(38px + (50 - 38) * ((100vw - 300px) / (1920 - 300)));
    letter-spacing: .5px;
    color:#000;
    text-align: center;
    width:70%;
    padding:10% 20% 0% 10%;
 }

#sectitle {
    opacity: 1;
}

span.line_about {
    display:block;
    height:8%;
    width:1px;
    margin:0;   
    position: absolute;
    z-index: 9;
    left:50%;
    bottom:0;
    background: #000;
    transform-origin: top;
}

p.whotext {
    font-family: expanded, sans-serif;
    font-size: calc(11px + (12 - 11) * ((100vw - 300px) / (1920 - 300)));
    line-height: calc(16px + (18 - 16) * ((100vw - 300px) / (1920 - 300)));
    text-transform:uppercase;
    font-weight: 700;
    letter-spacing: 4px;
    color: #e2e0d9;
    text-align: left;
    padding:10% 48% 0% 0%;
    position: absolute;
    bottom: 6%;
    z-index: 1;
    mix-blend-mode: difference;
 }

 div.photo_about {
    width:88%;
    height: auto;
    margin: 80px auto;
    position: relative;
    z-index:6;
 }

.topgrad {
    position: fixed;
    top:0;
    width:100%;
    height: 200px;
    background-image: linear-gradient(to top, rgba(255,0,0,0), rgba(0,0,0,1));
    z-index: 1;
    display: block;
}

.yg {
    width:400px; 
    display:block; 
    margin-left:-200px; 
    left:50%; 
    position:relative; 
    z-index:1;
}