/*header*/

@media only screen and (min-width: 600px) {
    header {
        display: flex;
        flex-direction: column;
        position: relative;
        width: 100%;
        height: 100px;
        background-color: #f1f1f1;
        background-image: url("../img/ru4transparent.png");
        background-repeat: no-repeat;
        background-position: center;
        background-position-y: 10px;
        background-size: 120px;
    }
    header>p {
        margin: auto;
        font-size: 3rem;
    }
}


/*logo and manu on nav and article*/

@media only screen and (min-width: 600px) and (max-width: 922px) {
    #logo {
        display: none;
    }
    #menu {
        max-width: 600px;
        left: 0;
    }
    article {
        padding: 5% 8% 0% 8%;
        font-size: 0.9rem;
    }
}


/*footer*/

@media only screen and (min-width: 400px) {
    footer {
        margin-top: 40px;
    }
    footer>p {
        font-size: 0.9rem;
    }
}


/*INDEX PAGE*/


/*text content and slider*/

@media only screen and (min-width:600px) {
    #see-more-button {
        display: none;
    }
    #more {
        display: block;
    }
    #important {
        border-left: 1.5px solid #8F5E37;
        padding: 3% 7%;
        margin: 4% 0;
    }
}


/* POLUPROIZVODI PAGE*/


@media only screen and (max-width: 250px) {
    .description {
        font-size: 4.4vw;
    }
}

@media only screen and (min-width: 250px) and (max-width: 400px) {
    .description {
        font-size: 0.85em;
    }
}

@media only screen and (min-width: 600px) {
    .poluproizvod img {
        max-width: 250px;
        height: auto;
    }
    .list-name {
        font-size: 1.1rem;
        height: 40px;
    }
    .poluproizvod .description {
        font-size: 0.7rem !important;
    }
}


/*  GALLERY PAGE*/

@media only screen and (min-width: 600px) {
    .gallery {
        flex-direction: row;
        flex-wrap: wrap;
    }
    .gallery-horisontal {
        flex-direction: row;
        justify-content: space-around;
    }
}


/*CONTACT PAGE*/


/*contact information and mail form*/

@media only screen and (min-width: 600px) and (max-width: 922px) {
    #contact-info div {
        text-align: center;
    }
    #contact-info #contact-form {
        text-align: left;
    }
    #contact-form input {
        line-height: 1rem;
        padding: 1.2%;
    }
    #contact-form #send-button {
        margin-top: 1.2rem;
        font-size: 1.1rem;
        padding: 1.3% 3%;
    }
}


/*map*/

@media only screen and (min-width: 600px) {
    iframe {
        height: 450px;
    }
}