#initialTerms { width: 700px; margin: 0 auto; top: 30%; right: 0; left: 0; background-color: #fff; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; display: none; position: fixed; z-index: 500; }
.initialTermsOverlay { width: 100%; height: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.8); display: none; position: fixed; z-index: 400; }

#initialTerms .containerTerms { width: 100%; font-family: 'Helvetica Neue', 'Open Sans', sans-serif; text-align: center; background-color: #fff; z-index: 300; }
#initialTerms header { width: 100%; padding: 10px; background-color: #8fd13f; border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; }
#initialTerms .welcome { font-size: 24px; font-weight: bold; color: #fff; text-transform: uppercase; }

#initialTerms p { width: 100%; padding: 20px 15% 0 15%; font-size: 20px; font-weight: normal; color: #575757; float: left; }
#initialTerms .confirmation { margin: 0; padding: 0; font-size: 20px; font-weight: bold; color: #44a300; text-transform: uppercase; }

#initialTerms footer { border-radius: 0 0 5px 5px; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; }
#initialTerms .btn { width: 135px; font-size: 16px; font-weight: bold; text-transform: uppercase; border-radius: 25px; -webkit-border-radius: 25px; -moz-border-radius: 25px; transition: 300ms; }
#initialTerms .btn:first-child { margin-right: 10px; }
#initialTerms .btn-success { background-color: #44a300; border: 2px solid #44a300; }
#initialTerms .btn-danger { background-color: #bb1508; border: 2px solid #bb1508; }
#initialTerms .btn:hover { background-color: #fff; }
#initialTerms .btn-success:hover { color: #44a300; }
#initialTerms .btn-danger:hover { color: #bb1508; }

@media screen and (max-width: 768px) {
    #initialTerms { max-width: 80%; }
}

@media screen and (max-width: 480px) {
    #initialTerms .btn { width: 80%; }
    #initialTerms .btn:first-child { margin-right: 0; margin-bottom: 10px; }
}