html{-webkit-text-size-adjust:100%;font-family: 'Roboto', sans-serif;line-height:1.5;-moz-tab-size:4;-o-tab-size:4;tab-size:4}body{line-height:inherit;margin:0}hr{border-top-width:1px;color:inherit;height:0}
body {
   
    padding-top: 57px;
}
.lgr {
    min-height: 210px;
    transition: box-shadow 0.3s ease-out, transform 0.3s ease-out,
        opacity 0.2s ease-out;
    transform: translateZ(0);
}
.lgr:hover {
    box-shadow: rgba(45, 45, 45, 0.05) 0px 2px 2px,
        rgba(49, 49, 49, 0.05) 0px 4px 4px, rgba(42, 42, 42, 0.05) 0px 8px 8px,
        rgba(32, 32, 32, 0.05) 0px 16px 16px,
        rgba(49, 49, 49, 0.05) 0px 32px 32px,
        rgba(35, 35, 35, 0.05) 0px 64px 64px;
    transform: translate(0, -4px);
}

.plogo {
    width: 100px;
}
.btn-blavitch {
    cursor: pointer;
    font-weight: 400;
    border: 1px solid transparent;

    text-transform: none;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
    background: 0 0;
    outline: 0;
    -webkit-transition: all 0.3s;
    transition: all 0.3s;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #fff;

    background: #f05722;
    color: #fff;
}

@media screen and (min-width: 601px) {
    .h09 {
        font-size: 3rem;
        line-height: 1.2;
    }
    .sub-text {
        font-weight: 500;
        font-style: normal;
        line-height: 1.3;
    }
}
@media screen and (max-width: 600px) {
    .plogo {
        width: 100px;
        margin-top: 5px;
        margin-bottom: 10px;
    }
    .h09 {
        font-size: 2rem;
        font-weight: bolder;
        text-align: center;
        line-height: 1.1;
        padding-left: 6px;
    }
    .sub-text {
        font-weight: 500;
        font-style: normal;
        line-height: 1.3;
        font-size: 4vw;
        padding-left: 6px;
    }
}

.blavitch-link {
    color: #f05722;
}
.blavitch-link:hover {
    color: #f05722;
}
.bg-light {
    background-color: #d4deee;
}
