body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre,
form, fieldset, input, p, blockquote, table, th, td, embed, object {
    padding: 0;
    margin: 0;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
fieldset, img, abbr {
    border: 0;
}
address, caption, cite, code, dfn, em,
h1, h2, h3, h4, h5, h6, strong, th, var {
    font-weight: normal;
    font-style: normal;
}
ul {
    list-style: none;
}
caption, th {
    text-align: left;
}
h1, h2, h3, h4, h5, h6 {
    font-size: 1.0em;
}
q:before, q:after {
    content: '';
}
a, ins {
    text-decoration: none;
}

body {
    background: #ECE9E6;  /* fallback for old browsers */
    background: -webkit-linear-gradient(to right, #FFFFFF, #ECE9E6);  /* Chrome 10-25, Safari 5.1-6 */
    background: linear-gradient(to right, #c4c4c4, #ECE9E6 ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */

}

section {
    width: 100%;
    height: 100vh;
}

.departments_managers {
    width: 100%;
    height: auto;
}
.departments_managers .department .heading {
    margin-top: 5%;
}


.departments_managers .department .heading h1 {
    display: block;
    width: fit-content;
    padding-left: 5%;
    font-family: 'yanone_kaffeesatz';
    font-style: normal;
    font-weight: 200;
    font-size: 6.7vw;
    letter-spacing: 0.10em;
    text-transform: uppercase;
    color: #000000;
}

.departments_managers .department .heading h1:after {
    content: "";
    display: block;
    width: 57%;
    height: 1px;
    margin-left: 44%;
    margin-top: 3%;
    background-color: black;
}

.departments_managers .department:nth-child(2) .heading h1:after {
    content: "";
    display: block;
    width: 68%;
    height: 1px;
    margin-left: 35%;
    margin-top: 3%;
    background-color: black;
}

.departments_managers .department .manager {
    display: flex;
    width: 100%;
    margin: 8% auto 0;
}

.departments_managers .department .manager .left_side  {
    width: 80%;
    margin-left: 1%;
}

.departments_managers .department .manager .left_side h1 {
    font-family: 'yanone_kaffeesatz';
    font-style: normal;
    font-weight: 200;
    font-size: 4vw;
    letter-spacing: 0.15em;
    color: #000000;
    text-align: center;
}
.departments_managers .department .manager .left_side p {
    font-family: 'yanone_kaffeesatz';
    font-style: normal;
    font-weight: 200;
    font-size: 4vw;
    letter-spacing: 0.15em;
    color: #000000;
    text-align: center;
}

.departments_managers .department .manager .right_side {
    display: flex;
    width: 100%;
    align-items: center;
}

.departments_managers .department .manager .right_side:before {
    content: "";
    display: block;
    width: 12%;
    height: 1px;
    margin-left: 5%;
    background-color: black;
}

.departments_managers .department .manager .right_side h1 {
    font-family: 'yanone_kaffeesatz';
    font-style: normal;
    font-weight: 200;
    font-size: 4vw;
    letter-spacing: 0.15em;
    color: #000000;
    margin-left: 5%;
}

.our_contacts_heading h1 {
    margin-top: 20%;
    font-family: 'yanone_kaffeesatz';
    font-style: normal;
    font-weight: 200;
    font-size: 25vw;
    text-transform: uppercase;
    color: #000000;
    text-align: right;
}

.navigation_block {
    display: flex;
    width: 100%;
    height: 350px;
    margin-top: 20%;
    margin-bottom: 20%;
}

.navigation_block .left_side, .navigation_block .middle_side, .navigation_block .right_side {
    width: 33%;
    height: 100%;
}

.navigation_block .left_side {
    display: flex;
    border-left: 1px solid #000000;
    border-bottom: 1px solid #000000;
    border-top: 1px solid #000000;
    align-items: center;
}

.navigation_block .left_side a {
    transform: rotate(-90deg);
    padding-bottom: 0;

    font-family: 'yanone_kaffeesatz';
    font-style: normal;
    font-weight: 200;
    font-size: 8vw;
    letter-spacing: 0.15em;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
}

.navigation_block .middle_side .upper_block , .navigation_block .middle_side .bottom_block , .navigation_block .right_side .upper_block , .navigation_block .right_side .bottom_block{
    display: flex;
    align-items: center;
    width: 100%;
    height: 50%;
    border-top: 1px solid #000000;
    border-left: 1px solid #000000;
}

.navigation_block .middle_side .bottom_block, .navigation_block .right_side .bottom_block  {
    border-bottom: 1px solid #000000;
}

.navigation_block .middle_side .upper_block a , .navigation_block .middle_side .bottom_block a, .navigation_block .right_side .upper_block a , .navigation_block .right_side .bottom_block a {
    margin: 0 auto;

    font-family: 'yanone_kaffeesatz';
    font-style: normal;
    font-weight: 200;
    font-size: 4.8vw;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
}

.navigation_block .right_side .bottom_block p{
    margin: 0 auto;

    font-family: 'yanone_kaffeesatz';
    font-style: normal;
    font-weight: 200;
    font-size: 4.8vw;
    letter-spacing: 0.1em;
    text-transform: uppercase;
    text-align: center;
    color: #000000;
    cursor: pointer;
}


@media screen and (min-width: 1px) and (max-width: 1000px) {
    .mobile {
        display: block;
    }

    .desktop {
        display: none;
    }
}

@media screen and (min-width: 800px) and (max-width: 1000px) {
    .navigation_block .left_side a {
        font-size: 7vw;
    }
}