.jmenovani {
    padding: 15px;
    margin-top: 15px;
}

.last {
    margin-left: 70px;
}

.oright {
    width: 585px;
}

.jmenovani2 {
    padding-right: 15px;
    margin-top: 40px;
}

h2 {
    font-size: 60px;
    padding-bottom: 30px;
    text-align: center;
}

h4 {
    font-size: 32px;
    text-align: center;
}


#dvaonas {
    margin-bottom: 30px;
}

#dvaonas2 {
    margin-bottom: 80px;
}

.nadpis {
    margin-top: 50px;
}

.jmenovani3 {
    padding-left: 45px;
    margin-top: 30px;
}

.jmenovani4 {
    padding-right: 15px;
    margin-top: 40px;
}

#special3 {
    margin-left: 100px;
}


@media (max-width: 1199px) {
    .container {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .row {
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .oleft,
    .oright {
        width: 100%;
        padding: 0;
        text-align: center;
        margin-bottom: 10px;
    }

    .oright {
        height: auto;
    }

    div#special.jmenovani {
        padding-left: 0px;
    }

    div#special2.jmenovani,
    div#special3.jmenovani {
        padding-left: 0px;
    }

    .last {
        margin-left: 0px;
    }
}

@media (max-width: 991px) {

    #dvaonas {
        flex-direction: column;
        align-items: center;
        justify-content: center;
    }
}

@media (max-width: 640px) {
    .obronas {
        width: 80%;
        height: 60%;
    }

    .oleft {
        height: auto;
    }
}

@media (max-width: 575px) {
    div#dvaonas.row {
        width: 100%;
    }
}

#special {
    padding-left: 70px;
}

#special2 {
    padding-left: 30px;
}