#petition { display: none; }

#form, .form-spacer { width:35vw; margin: 0 auto 0 1rem; padding: 2rem 2rem; display:inline-block; background: rgba(255,175,36,0.9); vertical-align:text-top; position: absolute; top: 9vh; right: 2vw; color: #131719; z-index: 999; }
#form h3 { font-size:1.3rem; text-align: center; margin:2.2rem auto 1rem ; display:inline-block; }
.input-half { width:49.5%; display:inline-block; margin:0; padding:0; }
#form { box-shadow: 0px 0px 10px rgba(29, 23, 25, 0.5); }

#form input, #form button, #form textarea, #form select, #manifest_box {
	font-family: "Lato", sans-serif;
    padding: 0.3rem 0.8rem;
    font-size: 1rem;
    border: 1px solid #999;
    width: -webkit-fill-available;
    margin: 0.4vh 0.25vw;
    display: inline-block;
}

#manifest_box { overflow-y: scroll; height: 6rem; text-align:left; font-size: 0.9rem; color: #333; border-color: rgba(255,98,73,0.5); background-color: rgba(255,255,255,0.2); }

#manifest_box h3, #manifest_box h4 { color: #333; margin-top:0; margin-bottom: 0.25rem; padding:0; width: -webkit-fill-available; font-weight:600; }
#manifest_box h3 { font-size: 1.1rem; }
#manifest_box h4 { font-size: 1rem; }
#form textarea { height: 4rem; }
#form button { font-size: 1.5rem; padding: 0.6rem 1.6rem;  border: 1px solid #f00; text-transform: uppercase; font-weight:800; color:#FFF; background: #ff0000; }
#form button:hover { background: #fff; color: #ff0000; cursor:pointer; cursor:pointer; }
#form h2 { width: 100%; font-size: 1.6rem; line-height:1rem; padding:0; margin:0; text-transform:uppercase; text-align: center; font-family: 'Roboto', sans-serif; font-weight: 800; color: #f00; }
#form p { font-size: 1.1rem;
    line-height: 1.4rem;
    margin: 0.5rem;
    padding: 0; text-align: center; }
#form input, #form select { background: rgba(255,255,255,0.95); color: #333; font-weight:300; }

.policy { font-size: 0.9rem !important; line-height: 1rem !important; }
.policy a { color: #131719; font-weight:400; }
.policy a:hover { text-decoration: underline; }

#phoneError { background: none; color: #f00; font-size: 0.8rem; font-weight: 400; margin-left: 1rem; }


@media (max-width: 800px) {
	#form, .form-spacer { width: -webkit-fill-available; margin: 0; position: inherit; }
}

@media (min-width: 801px) {
	#petition { display: inherit; margin: 2vh 0; float: right; background: rgba(255,255,255,0.95);  position: fixed; right: 2vw; width: 30%; width: fit-content; top: 3rem; }
	#form { position: fixed; }	
}

@media (min-width: 801px) and (max-width: 1024px) {
	#form { top: 2vh; }
}

@media  (min-width: 801px) and (max-width: 1279px) {
	#form { padding: 1rem; }
	#form button { font-size: 1rem; }
	.policy { font-size: 0.7rem !important; }
	form input, #form button, #form textarea, #form select, #manifest_box { font-size: 0.8rem !important; }
}