/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : Jan 16, 2018, 6:21:22 AM
    Author     : pos
*/


@import url("fonts.css");
@import url("top_menu.css");
@import url("contact_frontend.css");
@import url("footer.css");
@import url("link_animation.css");

html { height: 100vh;}

body {
    height: 100vh;
    background-color: #fff;
    padding-top: 60px;
}

h1 {
    font-size: 2em;
}

.top_zero {
    margin-top: 0px !important;
    padding-top: 0px !important;
}

.left_zero {
    margin-left: 0px !important;
    padding-left: 0px !important;
}

.right_zero {
    margin-right: 0px !important;
    padding-right: 0px !important;
}

.down_zero {
    margin-bottom: 0px;
    padding-bottom: 0px;
}


/* ROTATIONS */

.rotation_minus_2 {
        -webkit-transform: skewY(-2deg);
  -moz-transform: skewY(-2deg);
  -ms-transform: skewY(-2deg);
  -o-transform: skewY(-2deg);
  transform: skewY(-2deg);
}

.rotation_plus_2 {
  -webkit-transform: skewY(2deg);
  -moz-transform: skewY(2deg);
  -ms-transform: skewY(2deg);
  -o-transform: skewY(2deg);
  transform: skewY(2deg);
}

/* ROTATIONS END */


.graph_start {
    position: relative;
    min-height: 30vw;
    padding-bottom: 30px;
}

.graph_start img {
    position: relative;
    height: 35vw !important;
}



.graph_start h1 {
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
    font-size: 3.0em;
    margin-top: -3vw;
    color: #868e96;
}

.graph_start h2 {
    color: #cd0311;
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
    font-size: 2.0em;
}

/* GRAPH PALETTE */

.graph_palette {
    position: relative;
    min-height: 20vw;
    padding-bottom: 20vw;
    background: url("../img/graph_palette.jpg") no-repeat;
    background-size:cover;
    background-position:center center;
}


/* GRAPH PALETTE END */





/* LOGO DESIGN */

.logo_design {
    position: relative;
    min-height: 30vw;
    margin-top: -5vw;
    padding-bottom: 20px;
    background: #fff;
}

.logo_design article {
    padding-top: 2vw;
}

.logo_design h1 {
    padding-top: 2vw;
    margin-left: 50px;
    color: #cd0311;
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
}

.logo_design p {
    padding-top: 2vw;
    margin-left: 50px;
    color: #868e96;
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
    font-size: 1.0em;
}

.img_logo {
    width: 30vw;
    margin-top: 0vw;
}


/* LOGO DESIGN END */


/* GRAPH IDENT */

.graph_ident {
    position: relative;
    min-height: 20vw;
    padding-bottom: 20vw;
    background: url("../img/graph_ident.jpg") no-repeat;
    background-size:cover;
    background-position:center center;
}


/* GRAPH IDENT END */

/* IDENT */



.ident {
    position: relative;
    min-height: 35vw;
    margin-top: -5vw;
    background: #fff;
    border-top: 5px solid #f4f4f4;
}

.ident article {
    padding-top: 2vw;
}

.ident h1 {
    padding-top: 2vw;
    margin-left: 50px;
    color: #cd0311;
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
}

.ident p {
    padding-top: 2vw;
    margin-left: 50px;
    color: #868e96;
    font-family: "EncodeSansExpanded-Medium", Arial, sans-serif;
    font-size: 1.0em;
    padding-bottom: 20px;
}

.img_ident {
    position: relative;
    min-height: 42vw;
    background: url("../img/vizitka_i_letak.jpg") no-repeat;
    background-size:cover;
    background-position:center center;
    border-left: 2px solid #f4f4f4;
}

.ident_end {
    position: relative;
    min-height: 10vw;
    background: #fff;
    border-top: 5px solid #f4f4f4;
}

/* IDENT END */




@media (max-width: 1000px) {
    
    
    
    .graph_start h1 {
    font-size: 7vw;
}

.graph_start h2 {
    font-size: 5vw;
}
    
    .img_ident {
        min-height: 65vw;
    }
    
    .img_logo {
        width: 40vw;
        margin-top: 8vw;
    }
}


@media (max-width: 767px) {
    

    .img_logo {
        width: 70vw;
        margin-top: 1vw;
    }
}