section.heading{
    text-align: center;
    padding: 5% 5% 5% 5%;
}
section.contact div.prop{
    height: calc(( 2 / 3 ) * 100vw);
    width: 100px;
}
section.contact img{
    position: absolute;
    bottom: 0;
    right: 0;
    width: 100%;
    clip-path: polygon(
        100% 0,
        100% 100%,
        0 100%,
        0 40%
    );
}
section.contact{
    position: relative;
    padding:5% 5% 0% 5% ;
    gap: 0;
}
section.contact p{
    color: var(--text);
    text-decoration: none;
    font-size: 1.333rem;
    margin: 0   ;
}
.pc-img{
    display: none;
}
@media(min-width: 800px){
    section.contact img.pc-img{
        position:relative;
        height: 50vh;
        width: auto;
        clip-path: polygon(
            0% 10%,
            100% 0%,
            100% 90%,
            0%100%
        );
    }
    section.contact{
        padding: 0 5% 10% 5%;
        gap: 24px;
    }
    .pc-img{
        display:inline;
    }
    section.contact .m-img,section.contact div.prop{
        display: none;
    }
}
h1{
    color: var(--accent);
}