@media (min-width: 1267px) {	
    h1 {
        font-size: 3.2em;
        margin: 20px auto;
        font-family: 'Proxima Nova' serif;
    }
    h2 {
        font-size: 2.8em;
        margin: 20px auto;
    }
    h3 {
        font-size: 2.4em;
        margin: 20px auto;
    }
    h4{
        font-size: 2em;
        margin: 20px auto;
    }
    h5{
        font-size: 1.6em;
        margin: 20px auto;
    }
    h6{
        font-size: 1.2em;
        margin: 20px auto;
    }
    p{
        font-size: 1.2em;
        margin: 10px auto;
    }
    a {
        text-decoration: none;
        color: #545454;
    }
    a:hover {
        text-decoration: none;
        color: #f3b841;
        transition: color 0.5s linear;
    }
    a:after {
        text-decoration: none;
        transition: color 0.5s linear;
    }
    .text-l {
        text-align: left;
    }
    .text-c{
        text-align: center;
    }
    .text-r {
        text-align: right;
    }
    header {
        min-height: 100px;
        z-index: 5000;
        color: #f7f7f7;
    }
    header a{
        color: #f7f7f7;
    }
    .logo img{
        width: 65%;
        height: auto;
        margin: 10px 0 0 0;
        float: left;
    }
    nav {
        text-transform: uppercase;
    }
    .slider {
        margin-top: -10%;
        min-height: 600px;
        background-image: url("/netcat_template/template/metal/files/images/slider/slider.jpg");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100%;
        color: #f7f7f7;
        border-bottom: 10px solid #f3b841;
    }
    .slider h1 {
        margin-top: 15%;
        float: left;
        text-align: left;
        margin-left: 2%;
        text-transform: uppercase;
        width: 96%;
    }
    .slider h3 {
        width: 96%;
        float: left;
        text-align: left;
        margin-left: 2%;
    }
    .slider button {
        float: left;
    }
    .slider button {
        margin-left: 2%;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 1.2em;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 10px;
        text-transform: uppercase;
    }
    .btn-gold, .btn-small {
        background: #f3b841;
        border-radius: 10px;
        padding: 15px 50px;
        font-size: 1.2em;
        color: #f7f7f7;
        font-family: "Proxima Nova", sans-serif;
        transition: 0.3s;
    }
    .btn-gold:hover, .btn-small:hover{
        box-shadow:0px 0px 25.5px 4.5px rgba(255, 174, 66, 0.8);
        color:#fff;
    }
    .client {
        margin: 0px 0 20px 0;
    }
    .client p {
        width: 90%;
        margin: 10px 2%;
        text-align: justify;
    }
    .client-text {
        background-color: #f3b841;
        color: #f7f7f7;
    }
    .client > .tittLe {
        padding-left: 2%;
    }
    .client-text p {
        width: 92%;
        margin: 10px auto;
        text-align: justify;
    }
    .tittle {
        margin: 2% auto;
        text-transform: uppercase;
    }
    .vedomstvo {
        text-align: center;
    }
    .vedomstvo img {
        width: 30%;
        height: auto;
        margin: 10px auto;
    }
    .production {
        min-height: 400px;
        margin: 50px 2%;
    }
    .production h2 {
        text-align: center;
        text-transform: uppercase;
        margin: 10px 0;
    }
    .production h6 {
        text-align: center;
        text-transform: uppercase;
        margin: 20px 0 20px 0;
    }
    .production button {
        float: none;
    }
    .tovar {
        margin: 30px auto;
       }
       .tovar-img {
           height: 300px;
       }
       .tovar-text {
        margin-bottom: 5%;
       }
       .h100{
           height: 100px;
       }
       .medali {
        height: 300px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/medal.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
             }
    .znak{
        height: 300px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/znak.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;  
    }
    .zvezdy {
        height: 300px;
        background-image: url("/netcat_template/template/shahtmet/files/images/tovar/zvezda.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .znachki {
        height: 300px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/znachok.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .kokardy {
        height: 300px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/orel.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .jeton {
        height: 300px;
        background-image: url("/netcat_files/userfiles/metal/tovar/new/min/new1.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .sport {
        height: 300px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/sport.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .emblema {
        height: 300px;
        background-image: url("/netcat_template/template/shahtmet/files/images/tovar/emblema.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 100% auto;
    }
    .upakovka {
        height: 300px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/upakovka.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .jetony {
        height: 300px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/jeton.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60% auto;
    }
    .furnitura {
        height: 300px;
        background-image: url("/netcat_template/template/shahtmet/files/images/tovar/furnitura.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 70% auto;
    }
    .medali a, .znak a, .zvezdy a, .znachki a, .kokardy a, .retro a, .sport a, .emblema a, .upakovka a, .jeton a, .furnitura a {
        width: 100%;
        height: 300px;
        display: block;
    }
    .work {
        min-height: 200px;
    }
    .work-img {
        height: 75px;
    }
    .etap1 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/phone.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .etap2 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/picher.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .etap3 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/work.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .etap4 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/medal.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .prise{
        padding: 50px 0;
    }
    .prise-img > .tittle{
        width: 96%;
        margin: 0 4% 0 0;
    }
    .prise-img {
        background-image: url("/netcat_template/template/metal/files/images/about/about-img.jpg");
        background-repeat: no-repeat;
        background-position: 40% 120%;
        background-size: auto 75%;
    }
    
    .prise-text{
        background-color: #f3b841;
    }
    .prise-text h2{
        padding-left: 4%;
       }
    
    .prise-text h6 {
        padding: 0 4%;
    }
    .prise-text button {
        margin: 3% auto;
    }
    .gallery-block img {
        width: 50%;
        height: auto;
    }
    footer{
        min-height: 200px;
        margin-top: 100px;
    }
    .footer-adress {
        text-align: left;
    }
    .footer-phone {
        text-align: right;
    }

    .info {
    margin-top: 30px;
    text-align: left;
    }
.copyrite {
    margin-top: 30px;
    text-align: right;
    }
.title-vtor {
        margin-top: -15%;
        min-height: 500px;
        background-image: url("/netcat_template/template/metal/files/images/slider/slider.jpg");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100%;
        color: #f7f7f7;
        border-bottom: 10px solid #f3b841;
 }
.name-page {
    margin-top: 17%;
    height: 100px;
}
.name-page h1 {
    width: 100%;
    text-align: left;
}
.trail a {
    color: #f3b841;
}
.content-position {
    margin: 50px auto;
}

.content {
    text-align:  justify;
}
.content img {
	width: 100%;
	height: auto;
	max-width: 500px;
	float: left;
	margin: 10px;
}
.content a{
    text-decoration: underline;
}
.production-page h3{
 text-align: center;
}
.production-page h6{
 text-align: center;
}
.production-page button {
    width: 40%;
    margin: 10px 30%;
}
.gallery-vtor img {
	width: 18%;
	margin: 10px 1%;
}
}


@media (min-width: 760px) and (max-width: 1267px) {	
    h1 {
        font-size: 3.2em;
        margin: 20px auto;
        font-family: 'Proxima Nova' serif;
    }
    h2 {
        font-size: 2.8em;
        margin: 20px auto;
    }
    h3 {
        font-size: 2.4em;
        margin: 20px auto;
    }
    h4{
        font-size: 2em;
        margin: 20px auto;
    }
    h5{
        font-size: 1.6em;
        margin: 20px auto;
    }
    h6{
        font-size: 1.2em;
        margin: 20px auto;
    }
    p{
        font-size: 1.2em;
        margin: 10px auto;
    }
    a {
        text-decoration: none;
        color: #545454;
    }
    a:hover {
        text-decoration: none;
        color: #f3b841;
        transition: color 0.5s linear;
    }
    a:after {
        text-decoration: none;
        transition: color 0.5s linear;
    }
    .text-l {
        text-align: left;
    }
    .text-c{
        text-align: center;
    }
    .text-r {
        text-align: right;
    }
    header {
        min-height: 100px;
        z-index: 5000;
        color: #f7f7f7;
    }
    header a{
        color: #f7f7f7;
    }
    .logo img{
        width: 80%;
        height: auto;
        margin: 10px 0 0 0;
        float: left;
    }
    nav {
        text-transform: uppercase;
    }
    .slider {
        margin-top: -25%;
        min-height: 600px;
        background-image: url("/netcat_template/template/metal/files/images/slider/slider.jpg");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100%;
        color: #f7f7f7;
        border-bottom: 10px solid #f3b841;
    }
    .slider h1 {
        margin-top: 30%;
        float: left;
        text-align: left;
        margin-left: 2%;
        text-transform: uppercase;
        width: 96%;
    }
    .slider h3 {
        width: 96%;
        float: left;
        text-align: left;
        margin-left: 2%;
    }
    .slider button {
        float: left;
    }
    .slider button {
        margin-left: 2%;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 1.2em;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 10px;
        text-transform: uppercase;
    }
    .btn-gold, .btn-small {
        background: #f3b841;
        border-radius: 10px;
        padding: 15px 50px;
        font-size: 1.2em;
        color: #f7f7f7;
        font-family: "Proxima Nova", sans-serif;
        transition: 0.3s;
    }
    .btn-gold:hover, .btn-small:hover{
        box-shadow:0px 0px 25.5px 4.5px rgba(255, 174, 66, 0.8);
        color:#fff;
    }
    .client {
        margin: 0px 0 20px 0;
    }
    .client p {
        width: 96%;
        margin: 10px 2%;
        text-align: justify;
    }
    .client-text {
        background-color: #f3b841;
        color: #f7f7f7;
    }
    .client > .tittLe {
        padding-left: 2%;
    }
    .client-text p {
        width: 92%;
        margin: 10px auto;
        text-align: justify;
    }
    .tittle {
        margin: 2% auto;
        text-transform: uppercase;
    }
    .vedomstvo {
        text-align: center;
    }
    .vedomstvo img {
        width: 30%;
        height: auto;
        margin: 10px auto;
    }
    .production {
        min-height: 400px;
        margin: 50px 2%;
    }
    .production h2 {
        text-align: center;
        text-transform: uppercase;
        margin: 10px 0;
    }
    .production h6 {
        text-align: center;
        text-transform: uppercase;
        margin: 20px 0 20px 0;
    }
    .production button {
        float: none;
    }
    .tovar {
        margin: 30px auto;
       }
       .tovar-img {
           height: 300px;
       }
       .tovar-text {
        margin-bottom: 5%;
       }
       .medali {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/medal.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
             }
    .znak{
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/znak.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 90%;  
    }
    .zvezdy {
        height: 250px;
        background-image: url("/netcat_template/template/shahtmet/files/images/tovar/zvezda.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .znachki {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/znachok.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 40%;
    }
    .kokardy {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/orel.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .jeton {
        height: 250px;
        background-image: url("/netcat_files/userfiles/metal/tovar/new/min/new1.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .sport {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/sport.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .emblema {
        height: 250px;
        background-image: url("/netcat_template/template/shahtmet/files/images/tovar/emblema.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 80% auto;
    }
    .jetony {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/jeton.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60% auto;
    }
    .furnitura {
        height: 250px;
        background-image: url("/netcat_template/template/shahtmet/files/images/tovar/furnitura.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 70% auto;
    }
    .medali a, .znak a, .zvezdy a, .znachki a, .kokardy a, .retro a, .sport a, .emblema a, .upakovka a, .jeton a, .furnitura a {
        width: 100%;
        height: 300px;
        display: block;
    }
    .work {
        min-height: 200px;
    }
    .work-img {
        height: 75px;
    }
    .etap1 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/phone.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .etap2 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/picher.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .etap3 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/work.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .etap4 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/medal.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 100%;
    }
    .prise{
        padding: 50px 0;
    }
    .prise-img > .tittle{
        width: 96%;
        margin: 0 4% 0 0;
    }
    .prise-img {
        background-image: url("/netcat_template/template/metal/files/images/about/about-img.jpg");
        background-repeat: no-repeat;
        background-position: 40% 120%;
        background-size: auto 75%;
    }
    
    .prise-text{
        background-color: #f3b841;
    }
    .prise-text h2{
        padding-left: 4%;
       }
    
    .prise-text h6 {
        padding: 0 4%;
    }
    .prise-text button {
        margin: 3% auto;
    }
    .gallery-block img {
        width: 50%;
        height: auto;
    }
    footer{
        min-height: 200px;
        margin-top: 100px;
    }
    .menu-footer {
        order: 1;
    }
    .footer-adress {
        text-align: left;
        order: 2;
    }
    .footer-phone {
        text-align: right;
        order: 3;
    }

    .info {
    text-align: left;
    order: 4;
    }
.copyrite {
    text-align: right;
    order: 5;
    }
    .title-vtor {
        margin-top: -15%;
        min-height: 300px;
        background-image: url("/netcat_template/template/metal/files/images/slider/slider.jpg");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100%;
        color: #f7f7f7;
        border-bottom: 10px solid #f3b841;
    }
.name-page {
    margin-top: 12%;
    height: 100px;
}
.name-page h1 {
    width: 100%;
    text-align: left;
    margin: 0;
}
.trail a {
    color: #f3b841;
}
.content-position {
    margin: 50px auto;
}

.content {
    text-align:  justify;
}
.content img {
	width: 100%;
	height: auto;
	max-width: 500px;
	float: left;
	margin: 10px;
}
.content a{
    text-decoration: underline;
}
.production-page h3{
 text-align: center;
}
.production-page h6{
    text-align: center;
   }
.production-page button {
    width: 50%;
    margin: 10px 25%;
}
#links a {
	width: 27%;
	max-width: 300px;
	margin: 3%;
}
#links img {
	width: 100%;
	height: auto;
	max-width: 300px;
	margin: 0px auto;
}
}


@media (max-width: 760px) {	
    h1 {
        font-size: 2.6em;
        margin: 20px auto;
        font-family: 'Proxima Nova' serif;
    }
    h2 {
        font-size: 2.2em;
        margin: 20px auto;
    }
    h3 {
        font-size: 2.0em;
        margin: 20px auto;
    }
    h4{
        font-size: 1.8em;
        margin: 20px auto;
    }
    h5{
        font-size: 1.4em;
        margin: 20px auto;
    }
    h6{
        font-size: 1.2em;
        margin: 20px auto;
    }
    p{
        font-size: 1.2em;
        margin: 10px auto;
    }
    a {
        text-decoration: none;
        color: #545454;
    }
    a:hover {
        text-decoration: none;
        color: #f3b841;
        transition: color 0.5s linear;
    }
    a:after {
        text-decoration: none;
        transition: color 0.5s linear;
    }
    .text-l {
        text-align: left;
    }
    .text-c{
        text-align: center;
    }
    .text-r {
        text-align: right;
    }
    header {
        min-height: 100px;
        z-index: 5000;
        color: #f7f7f7;
    }
    header a{
        color: #f7f7f7;
    }
    .logo img{
        width: 80%;
        height: auto;
        margin: 10px 0 0 0;
        float: left;
    }
    .menu {
        position: fixed;
    }
    nav {
        text-transform: uppercase;
    }
    .slider {
        margin-top: -40%;
        min-height: 450px;
        background-image: url("/netcat_template/template/metal/files/images/slider/slider.jpg");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100%;
        color: #f7f7f7;
        border-bottom: 10px solid #f3b841;
    }
    .slider h1 {
        margin-top: 50%;
        float: left;
        text-align: left;
        margin-left: 2%;
        text-transform: uppercase;
        width: 96%;
    }
    .slider h3 {
        width: 96%;
        float: left;
        text-align: left;
        margin-left: 2%;
    }
    .slider button {
        float: left;
    }
    .slider button {
        margin-left: 2%;
    }
    .btn {
        display: inline-block;
        padding: 6px 12px;
        margin-bottom: 0;
        font-size: 1.2em;
        text-align: center;
        white-space: nowrap;
        vertical-align: middle;
        -ms-touch-action: manipulation;
        touch-action: manipulation;
        cursor: pointer;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        background-image: none;
        border: 1px solid transparent;
        border-radius: 10px;
        text-transform: uppercase;
    }
    .btn-gold, .btn-small {
        background: #f3b841;
        border-radius: 10px;
        padding: 15px 50px;
        font-size: 1.2em;
        color: #f7f7f7;
        font-family: "Proxima Nova", sans-serif;
        transition: 0.3s;
    }
    .btn-gold:hover, .btn-small:hover{
        box-shadow:0px 0px 25.5px 4.5px rgba(255, 174, 66, 0.8);
        color:#fff;
    }
    .client {
        margin: 0px 0 20px 0;
    }
    .client p {
        width: 96%;
        margin: 10px 2%;
        text-align: justify;
    }
    .client-text {
        background-color: #f3b841;
        color: #f7f7f7;
    }
    .client > .tittLe {
        padding-left: 2%;
    }
    .client-text p {
        width: 92%;
        margin: 10px auto;
        text-align: justify;
    }
    .tittle {
        margin: 2% auto;
        text-transform: uppercase;
    }
    .vedomstvo {
        text-align: center;
    }
    .vedomstvo img {
        width: 30%;
        height: auto;
        margin: 10px auto;
    }
    .production {
        min-height: 400px;
        margin: 0 2%;
    }
    .production h2 {
        text-align: center;
        text-transform: uppercase;
        margin: 10px 0;
    }
    .production h6 {
        text-align: center;
        text-transform: uppercase;
        margin: 0 0 20px 0;
    }
    .production button {
        float: none;
    }
    .tovar {
        margin: 10px auto;
       }
       .tovar h3 {
           margin: 0;
       }
       .tovar-img {
           height: 300px;
       }
       .tovar-text {
        margin-bottom: 5%;
       }
       .medali {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/medal.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
             }
    .znak{
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/znak.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 90%;  
    }
    .zvezdy {
        height: 250px;
        background-image: url("/netcat_template/template/shahtmet/files/images/tovar/zvezda.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .znachki {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/znachok.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 40%;
    }
    .kokardy {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/orel.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .jeton {
        height: 250px;
        background-image: url("/netcat_files/userfiles/metal/tovar/new/min/new1.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .sport {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/sport.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .emblema {
        height: 250px;
        background-image: url("/netcat_template/template/shahtmet/files/images/tovar/emblema.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 80% auto;
    }
    .jetony {
        height: 250px;
        background-image: url("/netcat_template/template/metal/files/images/tovar/jeton.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 60% auto;
    }
    .furnitura {
        height: 250px;
        background-image: url("/netcat_template/template/shahtmet/files/images/tovar/furnitura.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 70% auto;
    }
    .medali a, .znak a, .zvezdy a, .znachki a, .kokardy a, .retro a, .sport a, .emblema a, .upakovka a, .jeton a, .furnitura a {
        width: 100%;
        height: 300px;
        display: block;
    }
    .work {
        min-height: 200px;
    }
    .work-img {
        height: 75px;
    }
    .etap1 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/phone.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 60%;
    }
    .etap2 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/picher.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 60%;
    }
    .etap3 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/work.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .etap4 > .work-img {
        background-image: url("/netcat_template/template/metal/files/images/work/medal.jpg");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: auto 80%;
    }
    .prise{
        padding: 50px 0 0 0;
    }
    .prise-img > .tittle{
        width: 96%;
        margin: 0 4% 0 0;
    }
    .prise-img {
        background-image: url("/netcat_template/template/metal/files/images/about/about-img.jpg");
        background-repeat: no-repeat;
        background-position: 40% 120%;
        background-size: auto 75%;
    }
    
    .prise-text{
        background-color: #f3b841;
    }
    .prise-text h2{
        padding-left: 4%;
       }
    
    .prise-text h6 {
        padding: 0 4%;
    }
    .prise-text button {
        margin: 3% auto;
    }
    .gallery-block img {
        width: 50%;
        height: auto;
    }
    footer{
        min-height: 200px;
        margin-top: 100px;
    }
    .menu-footer {
        order: 1;
    }
    .footer-adress {
        text-align: left;
        order: 2;
    }
    .footer-phone {
        text-align: right;
        order: 3;
    }

    .info {
    text-align: left;
    order: 4;
    }
.copyrite {
    text-align: center;
    order: 5;
    }
    .title-vtor {
        margin-top: -40%;
        min-height: 300px;
        background-image: url("/netcat_template/template/metal/files/images/slider/slider.jpg");
        background-attachment: scroll;
        background-repeat: no-repeat;
        background-position: center top;
        background-size: auto 100%;
        color: #f7f7f7;
        border-bottom: 10px solid #f3b841;
    }
.name-page {
    margin-top: 40%;
    height: 100px;
}
.name-page h1 {
    width: 100%;
    text-align: left;
    margin: 0;
}
.trail a {
    color: #f3b841;
}
.content-position {
    margin: 50px auto;
}

.content {
    text-align:  justify;
}
.content img {
	width: 100%;
	height: auto;
	max-width: 500px;
	float: left;
	margin: 10px;
}
.content a{
    text-decoration: underline;
}
.production-page h3{
 text-align: center;
}
.production-page h6{
    text-align: center;
   }
.production-page button {
    width: 50%;
    margin: 10px 25%;
}
#links a {
	width: 48%;
	max-width: 300px;
	margin: 1%;
}
#links img {
	width: 100%;
	height: auto;
	max-width: 300px;
	margin: 0px auto;
}
}