.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; text-align:center; padding:60px; }
.title-how-use{ font-size: 30px; font-weight:bold; color:#000; }
.link-register-request{ text-transform:uppercase; font-weight:bold; font-size: 22px; text-decoration:underline; color:blue; }

.div-content-youtube{ position: relative; width:100%; height: 0; padding: 25px 0 56.25% 0; margin: 30px 0; }
.div-content-youtube iframe{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

@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; }
    .content{ background-color: #f7f7f7; text-align:center; padding:20px; }
}