*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
@font-face {
    font-family: 'Neue';
    src: 
    local('Neue');
    src: url('NEUEHAASDISPLAYBLACK.TTF') format('truetype');
    src: url('NHAASGROTESKTXPRO65MD.eot?#iefix') format('embedded-opentype'); 
    src:url('NHAASGROTESKTXPRO65MD.eot'),
         url('NHAASGROTESKTXPRO65MD.woff') format('woff'),
         url('NHAASGROTESKTXPRO65MD.woff2') format('woff2'),
         url('NHAASGROTESKTXPRO65MD.svg#NeueHaasGroteskDisplayPro') format('svg');
    font-weight: normal;
}
body{
    background: #FFF;
    font-family: Arial, Helvetica, sans-serif;
}
.sobresssbc h1{
    text-transform: uppercase;
    font-size: 120px;
}
.aboutsssbc{
    margin-bottom: 0;
}
.title h1{
    font-size: 112px;
}
.aboutsssbc h2{
    width: 180px;
    padding-right: 0;
}
.aboutsssbc p{
    width: 225px;
    margin-top: 15px;
}
.aboutsssbc h3{
    font-weight: bold;
    font-size: 14px;
    text-transform:uppercase;
    margin-top: 20px;
}
.aboutsssbc h5{
    width: 227px;
    text-transform:uppercase;
}
.frame1 img{
    max-width: 100%;
}
.frame3ampli{
    padding-top: 0;
}
.frame3ampli-2{
    display: flex;
    flex-direction: column;
    gap: 25px;
}
.outros{
    margin-top: 40px;
}
@media screen and (max-width: 500px) {
    .sobre{
        margin-bottom: 50px;
    }
    .sobresssbc h1{
        font-size: 48px;
        white-space: nowrap;
    }
    .aboutsssbc p{
        width: 220px;
    }    
    .frame3ampli{
        padding: 0 10vw 5vw;
        gap: 25px !important;
    }
    .frame2sssbc{
        padding: 25px 10vw;
    }
}