.about {
    margin-top: 0;
    background-position-y: 48px;
}

.not-page h1{
    margin-top: 96px;
    font-family: "ofelia-text", sans-serif;
    font-weight: 300;
    font-size: 18px;
}

.not-page h2 {
    font-size: 14px;
    margin-top: 32px;
}
.header__table {
    /* border: 1px solid red; */
    
}

.header__table  table{
    margin: 0 auto;
    background: #FDFDFD;
    box-shadow: 5px 5px 13px 0px rgba(228, 228, 228, 0.90) inset, -5px -5px 10px 0px rgba(255, 255, 255, 0.90) inset, 5px -5px 10px 0px rgba(228, 228, 228, 0.20) inset, -5px 5px 10px 0px rgba(228, 228, 228, 0.20) inset, -1px -1px 2px 0px rgba(228, 228, 228, 0.50), 1px 1px 2px 0px rgba(255, 255, 255, 0.30);
}

.header__table tr {
    /* border: 1px solid red; */
    padding: 42px;
    font-size: 14px;
}

.header__table td {
    /* border: 1px solid green; */
    padding: 52px;
    font-size: 14px;
}

.header__table table tr:first-child td{
    padding-bottom: 24px;
}

.header__table table tr:last-child td{
    padding-top: 24px;
}

.pe {
    display: none;
}

@media screen and (max-width:480px) {

    .about {
        background-position-y: 0;
    }

    .not-page.about {
        padding: 64px 24px 24px 24px;
    }
    .not-page h1{
        margin-top: 96px;
        font-family: "ofelia-text", sans-serif;
        font-weight: 300;
        font-size: 14px;
    }
    
    .not-page h2 {
        font-size: 12px;
        margin-top: 32px;
        overflow-wrap: break-word;
    }

    .header__table  table{
    }


    .header__table {
        display: none;
    }

    .header__table tr {
        /* border: 1px solid red; */
        padding: 24px;
        font-size: 10px;
    }

    .header__table td {
        /* border: 1px solid green; */
        padding: 24px;
    }

    .header__table table tr:first-child td{
        padding-bottom: 12px;
    }
    
    .header__table table tr:last-child td{
        padding-top: 12px;
    }


    .pe {
        display: block;
    }
}