.realizace {

    width:100%;
    min-height:10px;
    margin-top:71px;
    margin-bottom:121px;

}

.realizace_mobile {

    display:none;

}

.page_header {

    background-image:url('./files/elements/subPage_headers/realizace.png');
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;

}

.realizace .intro_image {

    width:50%;
    height:340px;
    float:left;
    background-position:center center;
    background-size:cover;
    background-repeat:no-repeat;

}

.realizace .intro_video {

    width:50%;
    height:340px;
    float:left;

}

.realizace .intro_video video {

    width:100%;
    height:340px;

}

.realizace .intro_video .video-js {

    width:100%;
    height:340px;

}

.realizace .intro_text {

    width:50%;
    height:340px;
    display:table;
    float:left;

}

.realizace .intro_text.leftText {

    text-align:right;
    padding-right:62px;

}

.realizace .intro_text.rightText {

    text-align:left;
    padding-left:62px;

}

.realizace .intro_text > .verticalAlign {

    display:table-cell;
    vertical-align:middle;

}

.realizace .mainTitle {

    font-size:40px;
    font-weight:500;
    color:rgba(75,78,83,1.0);
    display:inline-block;

}

.realizace .locationTitle {

    font-size:20px;
    font-weight:500;
    color:rgba(38,38,38,0.66);
    display:inline-block;

}

.realizace .h_separator {

    width:93px;
    height:3px;
    background-color:rgba(75,78,83,1.0);
    margin-top:20px;
    margin-bottom:10px;

}

.realizace .h_separator.rightSeparator {

    margin-left:calc(100% - 93px);

}

.realizace .description {

    font-size:20px;
    font-weight:400;
    color:rgba(75,78,83,1.0);
    line-height:30px;

}

@media screen and (max-width:1200px) {
    
    .realizace_desktop {

        display:none;

    }

    .realizace_mobile {

        display:block;

    }
    
    .realizace {
        
        margin-top:0px;

    }
    
    .realizace .intro_text {

        width:100%;
        height:340px;
        display:table;
        float:left;
        padding-left:10px;

    }
    
    .realizace .intro_image {

        width:100%;
        height:340px;
        float:left;

    }
    
    .realizace .intro_video {

        width:100%;
        height:340px;
        float:left;

    }

}