.blockHeader{ background-color:hsl(214, 9%, 15%); width: 100%; height:150px; }
.blockHeader div{ display: inline-block; vertical-align: top; margin: 0; padding: 0; width: 50%; height: 100%; }
.logohol img{ max-width: 230px; margin: 40px; }
.contact{ color: white; font-size: 1.125rem; font-weight: 700; }
.contact div{ float: right; text-align: center; width: fit-content; margin: 55px; }
.contact div span:first-child{ font-weight: bold; font-size: 11px; color: #777; line-height: 1; }

.content{ background-color: #f7f7f7; }
.content-form{ max-width: 900px; margin: auto; padding: 50px 20px; }
.form-register fieldset{ margin-bottom: 40px;}
.form-register fieldset legend{ margin: 20px 0; }
.form-group label { font-weight: bold; font-size: 14px;}
.buttonSend { text-align: right; }
.btn-primary { width: 100%; }

.blockSuccess, .blockError { width: 100%; margin-bottom: 60px; padding: 20px; border-radius: 10px; display: flex; }
.blockSuccess div, .blockError div { display: inline-block; padding: 0 20px; }
.blockSuccess div:first-child, .blockError div:first-child { width: 20%; text-align: center; margin: auto; }
.blockSuccess div:last-child, .blockError div:last-child { width: 80%; text-align: justify; }
.blockSuccess { border: 1px solid #77bd77; background-color: #ddf5dd; color: #3e9f3e; }
.blockError { border:1px solid #bd7777; background-color: #f5dddd; color: #d93333; }
.fa-solid { font-size: 30px; }
.fa-circle-check { color: #3e9f3e; }
.fa-circle-exclamation { color: #d93333; }
.form-check { padding: 0; }

@media only screen and (max-width: 559px) {
    .blockHeader div{ display: block; text-align: center; margin: auto; }
    .logohol img{ margin: 40px 0; }
    .contact div{ display:none; }
}