.mt-80 {
    margin-top: 80px;
}

.padding4 {
    padding: 10px 24px 10px 24px;
}

#paymentLeft {
    height: 500px;
}

#paymentMethodContainer {
    margin-top: 80px;
}

@media screen and (max-width: 600px) {
    #paymentLeft {
        margin-left: 0;
        padding-left: 15px;
        height: auto;
        box-shadow: none !important;
    }

    #paymentMethodContainer {
        margin-top: 40px;
    }

    h2 {
        font-size: 1.2em;
    }
}

.bg-white {
    background-color: white;
}

.padding4 {
    padding: 10px 24px 10px 24px;
}

.msg {
    position:relative;
    padding:1em;
    margin:1em;
    border-radius:5px;
    border:1px solid rgba(0,0,0,.1);
    text-align:center;
}

.msg.green {
    background:#e7f4a9;
    border-color:#a8c131;
}

.msg.yellow {
    background:#fee495;
    border-color:#eaba2a;
}

.msg.red {
    background:rgba(255,0,0,.1);
    border-color:rgba(255,50,50,.25);
}

.msg.icon {
    padding-left:3em;
}

.msg > .fa {
    position:absolute;
    left:1em;
    font-size:125%;
    line-height:inherit;
}