body {font-family: 'Nunito Sans', sans-serif;margin-top: 15px;}
a, a:active, a:link, a:visited {color: #ed7124;}
.nodisplay {display: none;}
#loadLTCForm, #verifyCode {border: 2px solid #ccc; background-color: #fff; min-width: 500px; width: 35%; margin: 0 auto; z-index: 10; padding: 30px 40px; text-align: center; border-radius: 5px; min-width: 500px; color: #888; margin-top: 30px;}
#phoneNumber {padding: 8px; width: 60%; font-size: x-large; background-color: #ffe; border: 1px solid #ccc; border-radius: 3px; text-align: center;}
#verifyCodeInput {padding: 8px; min-width: 200px; width: 60%; background-color: #ffe; border: 1px solid #ccc; border-radius: 3px; text-align: center; font-family: monospace; font-size: xx-large; letter-spacing: 2px;}
h3 {font-weight: 700; font-size: 1.5rem; text-transform: uppercase; color: #224d74;}
h5{font-size: .9em;margin: 0.5rem 0;}
.buttons {font-size: 1rem; padding: 9px 1.5rem; color: #fff; border: 0; border-radius: 3px; text-decoration: none; background-color: #ed7124 !important; text-transform: uppercase; margin-right: 1em; width: 80%;}
::placeholder {color: #ccc; opacity: 1;}
:-ms-input-placeholder {color: #ccc;}
::-ms-input-placeholder {color: #ccc;}
.ltc-legal {font-size: .66rem; margin: 1rem 3rem; display: flex; text-align: left; color: #232323;}
.ltc-legal input {margin: .1rem .5rem 0 0;}
#verifyCode h4 {font-size: 1.1em; margin: 1em 0 .5em 0;}
.verify-notes {padding: 1em; font-size: .9em;}
.verify-notes h4 {font-size: 1em;}
#message-alert, .message-alert, .message-alert-success {padding-bottom: 1rem; font-size: small;}
#message-alert strong, .message-alert strong, .message-alert-success strong {font-weight: bold;}
#ltcLoad .count-clipped {color: #fff;}
#verifyCodeButton, .btn-get-code {font-size: 1rem; padding: 9px 1.5rem; color: #fff; border-radius: 3px; text-decoration: none; background-color: #ed7124 !important; text-transform: uppercase; max-width: 75%; margin: 0 auto;}
#verifyCodeButton.disabled, .btn-get-code.disabled {background-color: #ccc !important; cursor: default; border-color: #ccc;}

@media screen and (max-width: 600px){
    #loadLTCForm, #verifyCode {width: auto; margin: .4rem; padding: 20px; min-width: auto; background-color: #f9f9f9;}

    #ltcCancel {right: .75rem}
    .ltc-legal {
        margin: 1rem;
    }
}

@media screen and (max-width: 420px){
    .verify-notes {font-size: .8em;}   
    #verifyCode h4 {font-size: 1em; padding: 0 2rem}
}