.header {

    width:100%;
    height:70%;
    margin:0;
    padding:0;
    position:relative;

}

.header .header_img {

    width:100%;
    height:100%;
    margin:0;
    padding:0;
    display:table;
    background-image:url('./files/elements/main_header.jpg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;

}

.header .header_img > .verticalAlign {

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

}

.header .header_img > .verticalAlign h1 {

    padding:0;
    margin:0;
    font-size:40px;
    font-weight:400;
    font-family:'Raleway',sans-serif;
    color:rgba(0,0,0,1.0);
    letter-spacing:1.74px;
    text-align:center;

}

.header .header_arrow {

    width:39px;
    height:21px;
    position:absolute;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    bottom:85px;
    background-image:url('./files/elements/arrow.svg');
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;

}

.main .intro_box {

    width:929px;
    min-height:1px;
    margin-top:88px;
    margin-left:auto;
    margin-right:auto;

}

.main .intro_box .leftSide {

    width:228px;
    height:72px;
    margin-right:42px;
    float:left;
    background-image:url('./files/elements/acobrado_subText.svg');
    background-size:contain;
    background-position:center center;
    background-repeat:no-repeat;

}

.main .intro_box .v_separator {

    width:2px;
    height:91px;
    background-color:rgba(0,0,0,1.0);
    float:left;

}

.main .intro_box .rightSide {

    width:615px;
    min-height:1px;
    float:left;
    margin-left:42px;

}

.main .intro_box .rightSide p {

    padding:0;
    margin:0;
    font-size:16px;
    font-weight:400;
    font-family:'Roboto';
    color:rgba(0,0,0,1.0);
    letter-spacing:1.39px;
    line-height:26px;

}

.main .main_images_twoBox {

    width:100%;
    min-height:1px;
    background-color:rgba(172,171,171,1.0);
    text-align:center;
    padding-top:38px;
    padding-bottom:38px;
    margin-top:95px;

}

.main .main_images_twoBox .img_item {

    width:406px;
    height:304px;
    background-color:rgba(216,216,216,1.0);
    display:inline-block;
    margin-left:22px;
    margin-right:22px;

}

.main .main_images_twoBox .img_item img {

    width:100%;
    height:100%;
    object-fit:cover;

}

.main .acobrado_parts {

    width:643px;
    height:577px;
    position:relative;
    margin:0px auto;

}

.main .acoPart {

    width:643px;
    height:331px;
    position:absolute;
    top:138px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    background-image:url('./files/elements/logo_rozlozeno.svg');
    background-size:contain;
    background-position:center top;
    background-repeat:no-repeat;

}

/*.main .acoPart.part_one {
    background-image:url('./files/elements/jedinecnyPristup.png');
    z-index:1;
}

.main .acoPart.part_two {
    background-image:url('./files/elements/vyberoveMaterialy.png');
    z-index:2;
}

.main .acoPart.part_three {
    background-image:url('./files/elements/dlouholetaPraxe.png');
    z-index:3;
}*/

.main .acobrado_parts .acoPartText {

    padding:0;
    margin:0;
    font-size:20px;
    font-weight:700;
    font-family:'Roboto',sans-serif;
    color:rgba(0,0,0,1.0);
    letter-spacing:1.74px;
    position:absolute;
    display:block;
    text-transform:uppercase;

}

.main .acobrado_parts .part_one_text {

    width:223px;
    height:24px;
    top:260px;
    left:-257px;
    text-align:right;

}

.main .acobrado_parts .part_two_text {

    width:250px;
    height:24px;
    top:260px;
    left:677px;
    margin-left:auto;
    margin-right:auto;
    text-align:left;

}

.main .acobrado_parts .part_three_text {

    width:260px;
    height:24px;
    top:91px;
    left:0;
    right:0;
    margin-left:auto;
    margin-right:auto;
    text-align:center;

}

.contact_stripe {

    width:100%;
    height:173px;
    background-image:url('./files/elements/kontaktBg.jpg');
    background-size:cover;
    background-position:center center;
    background-repeat:no-repeat;
    display:table;

}

.contact_stripe > .verticalAlign {

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

}

.contact_stripe > .verticalAlign button {

    padding:0;
    margin:0;
    width:172px;
    height:50px;
    background-color:transparent;
    border:3px solid rgba(0,0,0,1.0);
    font-size:20px;
    font-weight:700;
    font-family:'Roboto Condensed',sans-serif;
    color:rgba(0,0,0,1.0);
    letter-spacing:1.74px;
    text-transform:uppercase;
    display:block;
    margin:0px auto;
    cursor:pointer;

}

.contact_stripe > .verticalAlign button:hover {

    background-color:rgba(0,0,0,1.0);
    color:rgba(255,255,255,1.0);

}

@media screen and (max-width:1279px) {

    .main .acobrado_parts {

        width:490px;
        height:480px;
        position:relative;
        margin:0px auto;

    }
    
    .main .acoPart {

        width:490px;
        height:214px;
        position:absolute;
        top:144px;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        background-image:url('./files/elements/logo_rozlozeno.svg');
        background-size:contain;
        background-position:center top;
        background-repeat:no-repeat;

    }
    
    .main .acobrado_parts .part_one_text {

        width:223px;
        height:24px;
        top:236px;
        left:-234px;
        text-align:right;

    }

    .main .acobrado_parts .part_two_text {

        width:250px;
        height:24px;
        top:236px;
        left:501px;
        margin-left:auto;
        margin-right:auto;
        text-align:left;

    }

    .main .acobrado_parts .part_three_text {

        width:260px;
        height:24px;
        top:109px;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        text-align:center;

    }

}

@media screen and (max-width:1024px) {

    .main .intro_box {

        width:100%;
        min-height:1px;
        margin-top:88px;
        margin-left:auto;
        margin-right:auto;
        padding-left:20px;
        padding-right:20px;

    }
    
    .main .intro_box .leftSide {

        width:100%;
        height:72px;
        margin-top:20px;
        margin-left:auto;
        margin-right:auto;
        margin-bottom:20px;
        float:none;
        background-image:url('./files/elements/acobrado_subText.svg');
        background-size:contain;
        background-position:center center;
        background-repeat:no-repeat;

    }

    .main .intro_box .v_separator {

        width:91px;
        height:2px;
        background-color:rgba(0,0,0,1.0);
        float:none;
        margin:0px auto;
        display:none;

    }

    .main .intro_box .rightSide {

        width:615px;
        max-width:100%;
        min-height:1px;
        float:none;
        margin-left:auto;
        margin-right:auto;

    }

}

@media screen and (max-width:1049px) {

    .main .acobrado_parts {

        width:278px;
        height:312px;
        position:relative;
        margin:0px auto;

    }
    
    .main .acobrado_parts .acoPartText {

        padding:0;
        margin:0;
        font-size:18px;
        font-weight:700;
        font-family:'Roboto',sans-serif;
        color:rgba(0,0,0,1.0);
        letter-spacing:1.57px;
        position:absolute;
        display:block;
        text-transform:uppercase;

    }
    
    .main .acoPart {

        width:278px;
        height:121px;
        position:absolute;
        top:113px;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        background-image:url('./files/elements/logo_rozlozeno.svg');
        background-size:contain;
        background-position:center top;
        background-repeat:no-repeat;

    }
    
    .main .acobrado_parts .part_one_text {

        width:200px;
        height:24px;
        top:161px;
        left:-211px;
        text-align:right;

    }

    .main .acobrado_parts .part_two_text {

        width:217px;
        height:24px;
        top:161px;
        left:289px;
        margin-left:auto;
        margin-right:auto;
        text-align:left;

    }

    .main .acobrado_parts .part_three_text {

        width:200px;
        height:24px;
        top:81px;
        left:0;
        right:0;
        margin-left:auto;
        margin-right:auto;
        text-align:center;

    }

}

@media screen and (max-width:910px) {

    .main .main_images_twoBox .img_item {

        width:320px;
        height:239px;
        margin-top:10px;
        margin-bottom:10px;
    }

}

@media screen and (max-width:800px) {

    .header .header_img > .verticalAlign h1 {

        padding:0;
        margin:0;
        font-size:30px;
        font-weight:400;
        font-family:'Raleway',sans-serif;
        color:rgba(0,0,0,1.0);
        letter-spacing:1.74px;
        text-align:center;

    }

}

@media screen and (max-width:780px) {

    .main .acobrado_parts {
    
        width:100%;
        min-height:10px;
        padding-left:20px;
        padding-right:20px;
        display:table;
    
    }
    
    .main .acobrado_parts > .verticalAlign {
    
        display:table-cell;
        vertical-align:middle;
    
    }

    .main .acobrado_parts .acoPart {
        display:none;
    }

    .main .acobrado_parts .acoPartText {

        padding:0;
        margin:0;
        font-size:20px;
        font-weight:700;
        font-family:'Roboto',sans-serif;
        color:rgba(0,0,0,1.0);
        letter-spacing:1.74px;
        position:absolute;
        display:block;
        text-transform:uppercase;
        margin-top:10px;
        margin-bottom:10px;

    }
    
    .main .acobrado_parts .acoPartText:before {
        content: " - ";
        font-size:20px;
        font-weight:700;
    }

    .main .acobrado_parts .acoPartText:after {
        content: " - ";
        font-size:20px;
        font-weight:700;
    }

    .main .acobrado_parts .part_one_text {

        width:100%;
        height:24px;
        position:relative;
        top:0;
        left:0;
        right:0;
        bottom:0;
        text-align:center;

    }

    .main .acobrado_parts .part_two_text {

        width:100%;
        height:24px;
        position:relative;
        top:0;
        left:0;
        right:0;
        bottom:0;
        text-align:center;

    }

    .main .acobrado_parts .part_three_text {

        width:100%;
        height:24px;
        position:relative;
        top:0;
        left:0;
        right:0;
        bottom:0;
        text-align:center;

    }

}

@media screen and (max-width:600px) {

    .header .header_img > .verticalAlign h1 {

        padding:0;
        margin:0;
        font-size:20px;
        font-weight:400;
        font-family:'Raleway',sans-serif;
        color:rgba(0,0,0,1.0);
        letter-spacing:1.74px;
        text-align:center;

    }

}

@media screen and (max-width:375px) {

    .main .main_images_twoBox .img_item {

        width:270px;
        height:202px;
    }

}