* {
    padding: 0;
    margin: 0;
    box-sizing: border-box;
    font-family: 'Roboto', sans-serif;
}

.nav-background {
    width: 100%;
    height: 90px;
    background-color: rgba(0, 0, 40, 0.8) ;
    position: fixed;
    z-index: 200;
}

header {
    background: url(../images/montaz-hlavicka.jpg);
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    height: 480px;
}

.dittrichlogo img {
    position: fixed;
    top: 8px;
    z-index: 400;
    
}

.dittrichlogo2 img {
    position: fixed;
    top: 8px;
    z-index: 300;
}

.material-icons {
    color: #f39200;
    margin-right: 10px;
    position: relative;
    top: 5px;
}


.kontakty {
    position: relative;
    top: 14px;
    z-index: 300;
    
}

.kontaktfix {
   position: relative;
   right: 182px; 
   }

.kontaktfix a p {
    position: relative;
    bottom: 30px;
}

.kontakty p {
    color: white;
    font-size: 15px;
    font-weight: 400;
    position: fixed;
}



.kontakty a {
    color: white;
    text-decoration: none;
    font-size: 15px;
    position: fixed;
    top: 46px;
    font-weight: 400;
    
}

.kontakty a:hover {
    color: white;
    text-decoration: underline;
}


.lista {
    display: flex;
    justify-content: space-between;
}

.podmenu h1 {
    font-size: 30px;
    font-weight: 700;
    color: #000028;
}

.podmenu h2 {
    font-size: 20px;
    font-weight: 700;
    color: #000028;
}


.podmenu {
    display: flex;
    justify-content: flex-end;
    position: relative;
    top: 150px;
}

.ctverce img {
    margin-right: 15px;
}

.podmenu h1 {
    position: relative;
    top: 30px;
}

.podmenu h2 {
    margin-top: 40px;
}



.about-us {
    width: 100%;
    background-color: #000028;
}


.about-us h1 {
    color: #f39200;
    font-size: 30px;
    font-weight: 700;
}

.about-us p {
    color: white;
    font-weight: 400;
    margin-bottom: -16px;
}

.carka {
    font-size: 46px;
    font-weight: 700;

}

.texty {
    position: relative;
    top: 15px;
}


.yellow-border {
    position: relative;
    top: 140px;
    left: 10px;
    

}

.yellow-border img {
    float: right;
}

.dodavka-text {
    position: relative;
    bottom: 100px;
}

.dodavka-text p {
    margin-bottom: -50px;
}

.dodavka-img {
    background: url("../images/klima.jpg");
    background-repeat: no-repeat;
    background-position: top;
    background-size: cover;
    width: 100%;
    height: 480px;
    z-index: 50;
 }



.odkaz {
    height: 0;
}

 .tlacitko {
     display: flex;
     justify-content: flex-end;
     position: relative;
     bottom: 200px;
     text-decoration: none;

}

 .nahoru {
     color: black;
     font-weight: 400;
     background-color: white;
     padding: 8px 16px;
     font-size: 15px;
     width: 80px;
     height: 40px;
         
 }

 .nahoru p {
    text-decoration: none;
    
 }

 .sipka {
    width: 40px;
    height: 40px; 
    background-color: #f39200;
 }

 .sipka img {
     
     padding: 10px;
 }

 .dodavka-backg {
     background-color: white;
 }

.nadpis {
    position: relative;
    bottom: 230px;
}

 .nadpis .horni {
    padding: 0 10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    background-color: #f39200;
    line-height: 50px;
    display: block;
    color: #000028;
    width: 365px;
    position: relative;
    top: 4px;
}

.nadpis .dolni {
    padding: 0 10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    background-color: #f39200;
    line-height: 50px;
    display: block;
    color: #000028;
    width: 278px;
}


.carka {
    color: #f39200;
    font-size: 46px;
    font-weight: 700;
}

.sloupce {
    font-size: 16px;
    font-weight: 400;
}

.ctverce-dole {
    position: relative;
    top: -50px;
}

.ctverce-dole img {
    float: right;
}

.dum-img {
    background: url("../images/dum.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 480px;
    z-index: 50;
 }

 .nadpis .horni2 {
    padding: 0 10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    background-color: #f39200;
    line-height: 50px;
    display: block;
    color: #000028;
    width: 270px;
    position: relative;
    top: 4px;
}

.nadpis .dolni2 {
    padding: 0 10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    background-color: #f39200;
    line-height: 50px;
    display: block;
    color: #000028;
    width: 340px;
}

.solar-img {
    background: url("../images/solar.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 480px;
    z-index: 50;
 }

 .nadpis .horni3 {
    padding: 0 10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    background-color: #f39200;
    line-height: 50px;
    display: block;
    color: #000028;
    width: 270px;
    position: relative;
    top: 4px;
}

.nadpis .dolni3 {
    padding: 0 10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    background-color: #f39200;
    line-height: 50px;
    display: block;
    color: #000028;
    width: 405px;
}

.ruce-img {
    background: url("../images/ruce.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 480px;
    z-index: 50;
 }

 .nadpis .horni4 {
    padding: 0 10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    background-color: #f39200;
    line-height: 50px;
    display: block;
    color: #000028;
    width: 410px;
    position: relative;
    top: 4px;
}

.nadpis .dolni4 {
    padding: 0 10px;
    display: block;
    font-size: 30px;
    font-weight: 700;
    background-color: #f39200;
    line-height: 50px;
    display: block;
    color: #000028;
    width: 280px;
}

.plyn {
    background: url("../images/montaz-sporak1.jpg");
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    width: 100%;
    height: 750px;
    z-index: 50;
}

.kontakt-form p {
    font-size: 30px;
    color: #f39200;
    font-weight: 700;
}

.dotazy {
    color: white;
    font-size: 15px;
    font-weight: 400;
}

.formular {
    height: 0;
    
}

.formular input {
    width: 315px;    
    height: 35px;
    margin: 3px 0;
    padding: 3px 3px;
    border: 0px solid #000028;
    background-color: #fff;
}

.formular textarea {
    width: 315px;
    padding: 3px 3px;
    margin: 3px 0;
    border: 0px solid #000028;
    background-color: #fff;
}

input[type="submit"] {
    background-color: #f39200;
    width: 100px;
}

.patka {
    height: 120px;
}

.text-dole {
    font-size: 15px;
    font-weight: 400;
    display: block;
    position: relative;
    top: 55px;
    z-index: 500;
}

.text-dole a {
    text-decoration: none;
    color: #000;
}

.text-dole a:hover {
    text-decoration: underline;
    color: #000;
}

.logo-D {
    margin-top: 19px;
    text-align: right;
    position: relative;
}