#notebox {width:100%;background: #000}
#notebox .note-policy {display: inline-flex;justify-content:space-between;width: 100%;padding:1em 5em;color:#FFF}
#notebox .note-policy h2 {font-size:1.3em}
#notebox .note-policy p {font-weight: lighter}
#notebox .note-policy a {color:#FFF}
#notebox .note-policy span {padding: 0 .5rem;text-decoration:underline}
#notebox .note-policy input{background: #fff;border: 0;text-align: center;color: #000;
    font-size: 1em;border-radius: 5px;padding: 0 2rem;height: 40px}

#notebox2 {z-index: 1004;width: 100%;bottom: 0;position: fixed;padding: 3rem 0}
#notebox2 .note-policy {position: absolute;bottom: 0; display: inline-flex;justify-content:space-between;width: 100%;padding:1em 5em;color:#FFF;background: rgba(0,0,0,.5)}
#notebox2 .note-policy h2 {font-size:1.3em}
#notebox2 .note-policy p {font-weight: lighter}
#notebox2 .note-policy a {color:#FFF}
#notebox2 .note-policy span {padding: 0 .5rem;text-decoration:underline}
#notebox2 .note-policy input{background: #fff;border: 0;text-align: center;color: #000;
    font-size: 1em;border-radius: 5px;padding: 0 2rem;height: 40px}

@media screen and (max-width: 960px) {
#notebox2 .note-policy {display: block;padding:1em 2em}
}