body{margin:0;}
#lockout_screen{position:relative;box-sizing:border-box;height:100%;}
.container{display:flex;justify-content:center;height:100vh;flex-wrap:wrap;}
#lockout-container-primary{display:flex;flex-direction:column;}
.lockout-content{display:flex;flex-direction:column;gap:5rem;max-width:600px;align-items:center;padding:2rem;margin:0 auto;}
.shield-icon{max-width:75%;max-height:75%;}
#lockout-text{max-width:80%;}
#lockout-text h1{font-size:2rem;font-weight:600;color:#232323;font-family:'Open Sans', Helvetica, Arial, sans-serif;text-wrap:balance;}
#lockout-text p{color:#545454;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;line-height:1.5em;}
#lockout_screen .btn{text-decoration:none;display:inline-block;padding:0.5rem 0.75rem;background:#6817C5;color:#ffff;border-radius:2px;border:solid 2px transparent;cursor:pointer;font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;}
#lockout_screen .btn:hover{background:#53129e;color:#fff;border-color:transparent;}
#lockout_screen .secondary-btn{border:solid 2px #6817c5;background:transparent;color:#6817c5;}
.lockout-container-secondary{display:none;}
@media screen and (min-width:783px){
#lockout-container-primary {
width: 75%;
}
#lockout-container-primary {
justify-content: center;
}
.lockout-content {
align-items: flex-start;
}
.shield-icon {
max-width: 452px;
max-height: 400px;
}
#lockout-text {
max-width: initial;
}
.lockout-container-secondary {
display: block;
width: 25%;
background: #F3EDFA;
}
}