.register-page {display: block; padding-top: 10px;}
.mc {display: flex; justify-content: space-around}
.mc-i {display: flex; width: 90%;}
.register-box {flex: 1;}
.right-box {width: 35%; margin: 5px;}
.right-box-content {background: #fff; padding: 1.5rem;}

@media screen and (min-width: 1200px) {
    .mc-i {width: 75%;}
}
@media screen and (min-width: 1400px) {
    .mc-i {width: 60%;}
}