html {
    box-sizing: border-box;
  }

  *, *:before, *:after {
    box-sizing: inherit;
  }
* { padding: 0; margin: 0; }

body { background-color: #fff; font-family: 'Ropa Sans', sans-serif; }
header { 
    background-color: #fff; 
    text-align: center;
    padding-top: 10px;
    padding-bottom: 5px; 
}

header img { 
    width: 130px; 
}

h1 { padding; 0; margin: 0; color: #fff; text-transform: uppercase; }

#hero { 
    background-image: url('/fever-tree/images/fever-tree-1.jpg'); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-position: 0% 53%; 
    width: 100%; 
    height: 400px; 
    text-align: center;
}
.nameHolder {
    display: block; float: left;
    width: 50%!important; 
}
#hero h1 { font-size: 50px; padding-top: 175px; text-rendering: optimizelegibility; font-weight: 300; }
#register-form { 
    position: relative;
        height: 0; overflow: hidden;
        max-width: 100%; height: auto;

 }

 #register-form iframe, #register-form object, #register-form embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}


p { padding: 0; margin: 0; margin-bottom: 25px; }
a { color: #e9c841; border-bottom: 1px solid #e9c841; text-decoration: none; }
a:hover { color: #000; border-bottom: 1px solid #000; text-decoration: none; }
.checkbox { padding: 0; margin: 0; margin-bottom: 10px; padding-left: 20px; }
#register-form button { text-transform: uppercase; font-weight: 300px; color: #fff; padding: 10px; border: none; background: linear-gradient(135deg, #e9c841 0%, #e9c841 100%) }
h2 { padding: 0; margin: 0; text-transform: uppercase; font-size: 25px; padding-bottom: 25px; }
#zmmtg-root { 
    z-index: -9; 
}
#footer { 
    display: block; float: left;
    border-top: 1px solid #ccc; 
    width: calc(100% - 50px); 
    margin-left: 25px; 
    margin-right: 25px; 
    padding-top: 20px; 
    padding-bottom: 20px; 
    text-align: right; 
    color: #ccc; 
    font-size: 10px; 
}

 @media (max-width: 800px) { 
    #register-info, #register-form { width: 100%; }
    #hero { 
        background-position: 0% 63%; 
    }   
}