#onboarding-modal > .modal-content {
    padding: 2em;
}

#onboarding-modal > .modal-content:not(:first-child) {
    display: none;
}

.modal-footer {
    display: flex;
    align-items: center;
}

.modal-btn {
    background: #FFC700;
    width:100%;
    height:5em;
    padding: 1em;
    margin: 0.5% 20%;
    outline: none;
    cursor: pointer;
    box-sizing: border-box;
}

.large-button-list {
    display: flex;
    flex-flow: column wrap;
    align-items: center;
}

.large-secondary-button {
    width: 100%;
    padding: 1em;
    background: #5B5C5A;
    color: #FFFFFF;
    margin: 2px 0;
    outline: none;
    transition: background .3s;
    cursor: pointer;
}

.large-secondary-button:hover {
    background: #E2B104;
}

#onboarding-modal h1 {
    margin-left:0
}

#demo-button{
    display: block;
    background:none;
    text-decoration: underline;
    text-align: right;
    width:100%;
    padding-right: 20%;
}

.demo-screenshot{
    max-width: 100px;
}

#onboarding-4 td{
    padding:1em;
}

#onboarding-4 >.modal-content{
    width:40%;
}