html, body { height: auto; }
* { box-sizing: border-box;}
.grey-panel { background-color: #ececec; padding: 40px 20px 70px 20px; }
.grey-panel .heading-container { margin-bottom: 20px; }
.grey-panel .heading-container span { display: block; font-size: 30px; letter-spacing: 0.7px; text-align: center; line-height: 40px; }
.panel-content form { display: flex; flex-direction: row; justify-content: center; }
.panel-content form .form-field:not(:last-child) { margin-right: 30px; }
.panel-content form .form-field:first-child { position: relative; }
.panel-content form .form-field:first-child::after { content: '* Obavezno polje'; display: block; position: absolute; bottom: -25px; font-size: 13px; letter-spacing: 0.3px; left: 10px; }
.panel-content form .form-field input[type="text"] { letter-spacing: 0.4px; font-size: 15px; border: 1px solid #cccccc; padding: 11px 10px; }
.panel-content form .form-field input[type="text"]:focus { border: 1px solid #fc3; box-shadow: none; outline: 0; }
.panel-content form .form-field input#ime { width: 220px; }
.panel-content form .form-field input#email { width: 400px; }
.panel-content form .action-button { cursor: pointer; position: relative; }
.panel-content form .action-button::after { content: ''; position: absolute; right: 15px; top: 14px; display: block; width: 10px; height: 14px; background-repeat: no-repeat; background-position: left top; }
.panel-content form .action-button:hover::after { background-position: right top; }
.panel-content form .action-button input[type="submit"] { cursor: pointer; background-color: transparent; border: 0px; letter-spacing: 0.5px; font-size: 13px; line-height: 14px; text-transform: uppercase; padding: 14px 10px; }
.panel-content form .action-button input[type="submit"]:focus { outline: 0px; }
.panel-content form .action-button input#prijava { width: 220px; }
.panel-content .form-footer { display: none; }
.panel-content p { font-size: 16px; text-align: center; letter-spacing: 0.4px; line-height: 26px; max-width: 700px; margin: 0 auto 20px; }

@media (max-width: 990px) {
    .grey-panel { padding: 40px 15px 40px 15px; }
    .panel-content form { display: block; }
    .panel-content form .form-field { margin-right: 0px !important; margin-bottom: 20px; display: flex; justify-content: center; }
    .panel-content form .form-field input[type="text"] { width: 100% !important; max-width: 500px; }
    .panel-content form .form-field:first-child::after { display: none; }
    .panel-content .form-footer { display: flex; justify-content: center; }
    .panel-content .form-footer span { display: block; width: 100%; max-width: 460px; font-size: 13px; letter-spacing: 0.3px; color: #3f3f3f; margin-top: 10px; }
}