body.wppc-password-protected {
    background-repeat: no-repeat;
    background-size: cover; 
    background-position: center;
}
body.wppc-password-protected h2{
    line-height: 1.214;
    color: #333333; 
}
.wcppc-main-layouts {
    padding: 3em 0 1em;
}
.wcppc-password-protected-content-main {
    width: 35%;
    margin: 3em auto;
    background-size: cover;
    color: black;
}
.wcppc-password-protected-content-top {
    padding: 2em;
}
body.wppc-password-protected form {
    margin-block-end: -10px !important;
}
body.wppc-password-protected input[type="password"] {
    background-color: #e6e5e5;
    color: #2b2c30;
    width: 100%;
    box-sizing: border-box;
    font-weight: 400;
    box-shadow: inset 0 1px 1px rgba(0,0,0,.125);
    padding: 15px;
    font-family: "Source Sans Pro",HelveticaNeue-Light,"Helvetica Neue Light","Helvetica Neue",Helvetica,Arial,"Lucida Grande",sans-serif;
    line-height: 1.618;
    text-rendering: optimizeLegibility;
    border: none;
    margin-top: 7px;
    font-size: 14px;
}
body.wppc-password-protected input[type="submit"] {
    font-size: .9em;
    outline: none;
    border: 1px solid ;
    padding: 0.9em;
    -webkit-appearance: none;
    margin: 2em 0;
    letter-spacing: 4px;
}
@media(max-width:1024px) {
    .wcppc-password-protected-content-main {
        width: 49%;
    }
}
@media(max-width:568px) {
    .wcppc-password-protected-content-main {
        width: 75%;
    }
}
@media(max-width:480px) {
    .wcppc-password-protected-content-top {
        padding: 1.8em;
    }
    body.wppc-password-protected input[type="password"] {
        width: 91%;
    }
    .wcppc-password-protected-content-top p {
        font-size: 0.9em;
    }
}
@media(max-width:414px) {
    .wcppc-password-protected-content-main {
        width: 85%;
        margin: 1.5em auto;
    }
    body.wppc-password-protected input[type="submit"] {
        margin: 2em 0 1.5em;
        letter-spacing: 3px;
    }
}
@media(max-width:384px) {
    .wcppc-password-protected-content-main {
        width: 88%;
    }
}