.divider{ width: 100%; border-bottom: 0.5vw solid #000; margin: 1vw auto 2vw auto; }
.divider-thin{ width: 100%; border-bottom: 0.1vw solid #999; margin: 0.5vw auto 0.5vw auto; }
.required{color: #e62b1e; font-size: 10px; font-weight: bold; line-height: 14px; vertical-align: super; }

section.nominationForm{ width: 100%; margin: 0; padding: 0; background-color: #000; padding-bottom: 3vw;}

section.nominationForm>div.greet{ color: #fff; width: 100%; height: 18vw; background-size: cover; background:linear-gradient( rgba(0, 0, 0, 0.6) , rgba(0, 0, 0, 0.6)),url("../img/nomination.jpg") bottom left; padding-top: 5vw;}
div.greet>h1{ font-weight: 300; font-size: 5vw; margin: 0 auto; text-align: center;}

div.nominationForm{ width: 70%; background-color: #ffffff; border-radius: 10px; margin: 0 auto; margin-top: -6vw; padding: 18px; font-size: 16px; overflow: hidden;}
div.nominationForm>div.brandimage{ width: 40%; }
div.nominationForm>div.brandimage img{ width: 100%; }

div.nominationForm div.description{text-align: justify}

form.nominate{ text-align: center; width: 100%; }
form.nominate>div.formpart{ display: inline-block; width: 100%; text-align:left; font-size: 2vw; font-weight: bold;}

form.nominate>div.shortinput, form.nominate>div.longinput{ display: inline-block; width: 49%; text-align:left; font-size: 16px; margin: 1vw auto;}
form.nominate>div.longinput{width: 100%;}

form.nominate>div.shortinput label, form.nominate>div.longinput label{ font-size: 15px }
form.nominate>div.shortinput input, form.nominate>div.longinput input{ /* box-sizing: border-box; */ border: 1px solid #aaa; border-bottom: 2px solid #999; border-radius: 4px; padding: 0.8vw 1.8vw; margin-top: 0vw; outline: none; font-size: 15px; font-weight: bold; letter-spacing:0.5px; transition: border 0.2s ease-in-out; width: 80%; }
form.nominate>div.shortinput input:focus, form.nominate>div.longinput input:focus{ border-bottom: 2px solid #000; transition: border 0.2s ease-in-out; }
.normalinput{
	text-align: left;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    -webkit-appearance: none;
     margin: 0; /* Apparently some margin are still there even though it's hidden */
}

form.nominate>div.shortinput textarea, form.nominate>div.longinput textarea{ /* box-sizing: border-box; */ border: 1px solid #aaa; border-bottom: 2px solid #999; border-radius: 4px; padding: 0.8vw 1.8vw; margin-top: 0vw; outline: none; font-size: 15px; letter-spacing:0.5px; transition: border 0.2s ease-in-out; width: 80%; }
form.nominate>div.shortinput textarea:focus, form.nominate>div.longinput textarea:focus{ border-bottom: 2px solid #000; transition: border 0.2s ease-in-out; }

.consentError{  display: none; text-align: left; color: #e62b1e; font-size: 16px; font-weight: bold; }

div.nominationForm button{ box-sizing: border-box; padding: 1em 1.5em; outline: none; border: none; border-radius: 3px; margin-right: 2vw; font-size: 16px; }
.success-btn{display: inline-block; color: #fff; background-color: #e62b1e; font-weight: bold; transition: background 0.2s ease-in-out; }
.success-btn:hover{ cursor: pointer; background-color: #a0251c; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }

.danger-btn{display: inline-block; color: #fff; background-color: #ccc; font-weight: bold; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }
.danger-btn:hover{ cursor: pointer; background-color: #ccc; color: #000; transition: background 0.2s ease-in-out, color 0.2s ease-in-out; }

@media only screen and (max-device-width: 800px) {
	div.greet>h1{ font-size: 9vw; font-weight: bold; }
	section.nominationForm>div.greet{ height: 30vw; }
	div.nominationForm{ width: 90%; margin-top: -8vw; }
	div.nominationForm>div.brandimage{ width: 70%; margin: 0 auto; }
	div.nominationForm div.description{padding: 0 20px 20px 20px; font-size: 1.5vw; line-height: 5vw; }
	div.nominationForm div.formDescription{padding: 0 20px 20px 20px; font-size: 2vw; line-height: 5vw; text-align: justify;}
	form.nominate>div.formpart{ font-size: 5vw; }
	form.nominate>div.shortinput label, form.nominate>div.longinput label{ font-size: 3vw }
	form.nominate>div.shortinput input, form.nominate>div.longinput input{ box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-bottom: 2px solid #999; border-radius: 6px; padding: 1.8vw 3vw; font-size: 3vw; }
	form.nominate>div.shortinput textarea, form.nominate>div.longinput textarea{ box-sizing: border-box; width: 100%; border: 1px solid #aaa; border-bottom: 2px solid #999; border-radius: 6px; padding: 1.8vw 3vw; font-size: 3vw; }
	.normalinput{ font-size: 1.5vw; }
	.normalinput input{ height: 3vw; width: 3vw }
	div.nominationForm button{ padding: 3vw 4vw; border-radius: 6px; margin-left: 4vw; font-size: 3vw; font-weight: normal }
}