.scrolled.scrolled-down #header {
opacity: 1;
}
.in-index #header {
height: 100vh;
padding: 0;
}
#header:before {content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, .5);}
#header .container {
height: 100%;
}
#header .header-title {
text-align: left;
font-weight: bold;
font-size: 85px;
line-height: 85px;
height: auto;
display: block;
top: 50%;
position: relative;
transform: translateY(-50%);
}
#header .header-title>span {
max-height: none;
overflow: visible;
letter-spacing: -3px;
}
.type-index #header .header-title>span {
    text-shadow: 1px 2px 2px rgba(0, 0, 0, .5);
}
#header .header-title>span:first-child {font-size: 40px;letter-spacing: 0;line-height: 40px;color: #fcdc31;}
#header .header-title>span { padding: 0;}
#header .site-name {
padding: 8px 10px;
}
@media (max-width: 991px) {
#header .header-title>span:first-child {
font-size: 35px;
line-height: 35px;
}
#header .header-title {
font-size: 70px;
line-height: 70px;
}
.products-block .p {
margin: 10px;
box-shadow: 0 0 5px rgba(0, 0, 0, .15);
}
.products>div { border: none;}
}
@media (max-width: 640px) {
#header .header-title>span:first-child {
font-size: 30px;
line-height: 30px;
}
#header .header-title {
font-size: 60px;
line-height: 60px;
}
.columns-mobile-2 .products-block>div { width: 100%; }
.columns-mobile-2 .products-block>div .p { display: block; }
}
@media (max-width: 360px) {
#header .header-title>span:first-child {
font-size: 20px;
line-height: 20px;
}
#header .header-title {
font-size: 45px;
line-height: 45px;
}
}