@media (max-width: 1000px) {

    .completed_buttons button {
        margin: auto 10px auto 10px;
    }

    .menu_block a {
        line-height: 50px;
    }

    #choose_photo_label {
        display: none;
    }

    #kontakt_row {
        margin-right: 20px;
        text-align: left;
    }

}

@media (max-width: 890px) {

    #author_photo img {
        width: 150px;
        height: 150px;
        float: left;
    }

}

@media (max-width: 850px) {

    #logo_header_text h2 {
        display: none;
    }

    #logo_header_text {
        margin: auto;
    }

    #log_block {
        margin-bottom: auto;
    }

}

@media (max-width: 790px) {

    #logo_header_text h2 {
        display: none;
        margin: auto;
    }

    .form_row_popis {
        display: block;
    }

    .form_row_popis label {
        margin-bottom: 20px;
    }

    .form_row_popis input {
        width: 90%;
    }

    .form_row_popis textarea {
        width: 90%;
    }
}

@media (max-width: 740px) {

    #author_photo {
        text-align: center;
    }

    #author_photo img {
        width: 117px;
        height:  160px;
        float: none;
    }

    #kontakt_row {
        margin: auto;
    }

}

@media (max-width: 680px) {
    #logo_header_text h1 {
        margin: auto;
        font-size: 25px;
    }

    #logo_header_text {
        margin: auto;
        padding: 10px;
    }
}


@media (max-width: 660px) {

    .drag-area {
        margin: auto auto 20px auto;
        width: 90%;
    }

    #map {
        margin: auto;
        width: 90%;
    }

    .image-preview {
        width: 90%;
        margin: auto;
    }

    .form_row {
        display: block;
    }

    .form_row label {
        margin-bottom: 20px;
    }

    .form_row input {
        width: 90%;
    }

    .completed_buttons {
        display: block;
    }

    .completed_buttons button {
        margin: 40px auto 40px auto;
    }
}

@media (max-width: 580px) {
    #kontakt_row {
        margin: auto;
        display: block;
        text-align: center;

    }

    #kontakt_row label {
        margin: auto auto 10px auto;
    }
}

@media (max-width: 480px) {

    .author {
        text-align: left;
    }

    #logo_header_text {
        margin: auto;
        padding: 10px;
    }

}