@media (max-width: 1600px) {
    .head {
        background-position: 0 30%;
    }
}

@media (max-width: 1200px) {
    .head {
        background-position: 0 10%;
        background-size: auto 320px;
    }
    
    .illust {max-width: 600px; float:none !important; margin:15px 0 !important;}
    .illust img {width:100%;}
}


@media (max-width: 768px) {
    .pad {
        padding-left:10px !important;
        padding-right:10px !important;
    }
    
    .head {
        background-position: 0 10%;
        background-size: auto 300px;
    }
    
    .pc-menu.hidden {
        transform: scaleY(0);
        box-shadow: 0 5px 0 rgba(0,0,0,0.0);
    }
    .pc-menu {
        position: absolute;
        left:0;
        margin:38px 0 0;
        background:white;
        padding:20px;
        border-radius: 0 0 10px 10px;
        box-shadow: 0 5px 8px rgba(0,0,0,0.2);
        transform-origin: 0 0;
        transition: all 300ms;
        z-index: 200;
    }
    .pc-menu a.sel {
        border:none;
    }
    .pc-menu a {
        display: block;
        padding:5px 10px;
        margin:5px 0;
    }
    .mb-menu {display: inline-block;}
}

.oferta li {font:300 14px Roboto; line-height:1.4em;}
.content .oferta  .shift {margin-left:20px;}
.content .oferta  .subtitle {font-size:18px; margin-top:20px;}
.content .oferta  ul, .content ol {padding:5px 18px 10px 0; margin-bottom:15px; list-style: outside none none; margin-left:67px;}
.content .oferta  ul {list-style-type:square; margin-left:20px;}
.content .oferta  ol li {
    margin-top:5px;
    margin-bottom:10px;
    text-indent:-18px;
    padding-left:18px;
}
.content .oferta  ul > li {
    text-indent:0px;
    padding-left:0px;
}
.content .oferta ol li span {
    display:inline-block;
    width:18px;
}
.content .oferta  p, .content .oferta  ul, .content .oferta ol {
    margin-top:10px;
    font-size:14px;
    text-align:justify;
}


@media (max-width: 480px) {
    
    .logo img {width:300px;}

    .contacts * {
        text-align: center;
    }

    .content .oferta  ul, .content .oferta  ol {
        margin-right:0;
        padding-right:0;
        margin-left:20px;
    }

    .content .oferta  ol li {
        font-family: Roboto, serif;
    }


}