@media screen and (width>=992px) {
    ._padding-right {
        padding-right: 7% !important;
    }
}
@media screen and (width<=991px) {
    ._side-section-contact {
        border: 1px solid var(--color-4);
        border-radius: 1rem;
        height: auto;
        margin: auto;
        padding: 1rem;
    }
}

@media screen  and (width<=425px) {
    ._hero-heading h1{
        font-size: 3.4rem;
        text-align: center;
    }
    ._hero-heading p{
        text-align: center;
    }
    ._section-heading{
        font-size: 2.5rem;
    }
    ._resume-content-item{
        padding-left: 2rem;
    }
    ._resume-content-item::after{
        width: 1.5rem;
    }
}

@media screen and (width<=991px) {

    #nav-toggler-sm-position{
        position: fixed;
        top: 2rem;
        right: 1rem;
        z-index: 2000 !important;
    }
    #nav-toggler-sm-position ._toggler-icon{
        color: white;
        padding: 1rem !important;
        background-color: black;

     }
    
}