@media screen and (min-width:767px) {

    .logo {
        width: 368px;
        margin: 20px 0;
    }
    .wrap-top {
        background-image: url(img/bg-top.jpg);
        background-position: right;
        background-repeat: no-repeat;
    }
    .top {
        width: 85%;
        height: 140px;
        margin: auto ;
    }
    .wrap-nav {
        height: 60px;
        z-index: 99;
    }
    .nav {
        text-align: center;
    }
    .nav a {
        padding: 0 20px;
        transition: .3s;
    }
    .nav a:hover {
        padding: 20px;
        background-color: #012746;
    }
    .wrap-about,
    .wrap-products,
    .wrap-contact {
        padding: 65px 0;
    }
    .wrap-about {
        background-image: url(img/bg-about.jpg);
        background-repeat: no-repeat;
        background-size: cover;    
    }
    .about {
        width: 40%;
    }
    .txt {
        position: relative;
        left: 50%;
    }
    .wrap-service {
        height: 149px;
        display: flex;
        justify-content: center;
        align-items: center;
        text-align: center;
    }
    .products {
        display: flex;
        justify-content: center;
    }
    .item {
        width: 320px;
        margin: 15px;
        transition: .3s;
    }
    .item:hover {
        transform: translateY(-10px);
    }
    .item img {
        border: 2px solid #cecece;
        box-shadow: 0 0 7px 2px #444;
    }
    .contact {
        text-align: center;
    }
    iframe {
        margin: 30px 0;
        max-width: 1000px;
    }
    .contact a {
        display: block;
        text-align: center;
        width: 150px;
        background-color: #555;
        margin: auto;
        padding: 10px;
        color: #fff;
        transition: .3s;
    }
    .contact a:hover {
        background-color: #005490;
        transform: translateY(-3px);
    }
    .wrap-copy {
        padding: 30px;
        font-size: 13px;
    }

}