.rcsr-container {width: 420px; margin: 0 auto; padding: 105px 0 20px 0;}
.rcsr-container > h1 {display: block; margin: 0 0 30px 0; font-size: 18px; line-height: 21px; font-weight: 600; color: #333; text-align: center;}

.rcsr-container .panel {display: block; padding: 25px 30px 15px 30px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);}
.rcsr-container .panel > .text {margin-bottom: 18px; padding: 0 2px; font-size: 14px; line-height: 20px; color: #111;}
.rcsr-container .panel > .row {margin-bottom: 18px;}
.rcsr-container .panel > .row.action {margin-bottom: 18px;}

.rcsr-container .panel > .bottom {padding: 15px 0 0 0; border-top: 1px solid #d5d8de; text-align: center;}
.rcsr-container .panel > .bottom > a {display: block; padding: 5px 0; text-align: center; font-size: 13px; font-weight: 600;}
.rcsr-container .panel > .bottom > a:hover {text-decoration: underline;}

.rcsr-container > .content > .success {display: block; padding: 25px 30px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25);}
.rcsr-container > .content > .success > .icon {width: 75px; height: 75px; margin: 0 auto 25px auto; animation: imjs-fade-in 0.75s; animation-fill-mode: both;}
.rcsr-container > .content > .success > .icon > img {width: 100%;}
.rcsr-container > .content > .success > .text {margin-bottom: 25px; padding: 0 2px; font-size: 14px; line-height: 20px; color: #111; text-align: center;}

@media all and  (max-width: 800px) {
    .rcsr-container{padding-top: 80px;}
}

@media all and  (max-width: 600px) {
    .rcsr-container {width: 100%; padding: 75px 20px 15px 20px;}
    .rcsr-container > h1 {margin-bottom: 35px;}
    .rcsr-container .panel {padding: 15px 20px;}
    .rcsr-container > .content > .success {padding: 15px 20px;}
}