html {
    scroll-behavior: smooth;
}

body {
    font-family: 'Montserrat', sans-serif;
    color: #333333;
    margin: 0;
    padding: 0;
    height: 100%;
}


div {
    /* border: 1px dashed orange; */
    box-sizing: border-box;
}

#main {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
}





/* góra - header www i mobil */

#header-mobil {
    /* height: 58px; */
    background-color: #FF9700;
    min-height: 40px;
    margin-top: -14px;
}

#header {
    /* height: 58px; */
    background-color: #FF9700;
    min-height: 40px;
    margin-top: -14px;
}

#godziny p {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    padding-top: 20px;
    padding-left: 30px;
    padding-top: 25px;
}

#godziny2 p {
    color: #333333;
    font-size: 14px;
    font-weight: 600;
    padding-top: 25px;
    padding-left: 30px;
}

.ikony {
    position: left;
    text-align: right;
    padding-right: 30px;
    padding-bottom: 10px;
    margin-top: -35px;
}

.ikony li {
    display: inline-block;
    border: 0;
}

.ikony li a {
    color: #333333;
    display: block;
    text-decoration: none;
    font-size: 20px;
    padding-left: 5px;
}

ikony li a:hover {
    color: #FFFFFF;
}

.ikony2 {
    position: left;
    text-align: right;
    padding-right: 30px;
    padding-bottom: 10px;
}

.ikony2 li {
    display: inline-block;
    border: 0;
}

.ikony2 li a {
    color: #333333;
    display: block;
    text-decoration: none;
    font-size: 20px;
    padding-left: 5px;
}

ikony2 li a:hover {
    color: #FFFFFF;
}






/* środek - header www */

#page-header {
    background-color: rgba(0, 0, 0, 0.86);
    margin-top: -14px;
}

#logo {
    background-image: url(Materialy/naprawa-komputerow.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto;
    min-height: 120px;
    margin-left: 30px;
    display: block;
    width: 30%;
    float: left;
}


#menu {
    text-align: right;
    min-height: 120px;
    padding-bottom: 1px;
}

#menu li {
    display: inline-block;
    border: 0;
    margin-top: 25px;
    margin-right: 1px;
    padding-right: 30px;
}

#menu li a {
    color: #FFFFFF;
    display: block;
    height: 50px;
    line-height: 50px;
    /* padding-left: 5px;
    padding-right: 5px; */
    text-decoration: none;
    text-transform: uppercase;
    font-size: 16px;
    font-weight: 600;
    margin-top: 10px;
}

#menu li a:hover {
    color: #FF9700;
}







/* środek - header mobil cd */

#strona {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    background-color: rgba(0, 0, 0, 0.86);
}

#zdjecie {
    background-image: url(Materialy/naprawa-komputerow-mobil.png);
    background-repeat: no-repeat;
    background-position: left;
    background-size: auto;
    min-height: 120px;
    padding-bottom: 10px;
    margin-left: 30px;
}


#wielopoziom {
    height: 80px;
    background-color: #EEEEEE;
}



#wielopoziomowe {
    height: 70px;
    background-color: white;
    overflow: hidden;
    padding: 10px;
}

#wielopoziomowe a {
    display: block;
    text-decoration: none;
    color: inherit;
}

#wielopoziomowe ul {
    padding: 0;
    list-style-type: none;
}

#wielopoziomowe li {
    height: 50px;
    line-height: 50px;
    background-color: white;
    text-transform: uppercase;
    text-align: center;
}

#wielopoziomowe li:hover {
    background-color: papayawhip;
}

#wielopoziomowe > ul > li {
    width: 100%;
    margin-top: 1px;
}

#wielopoziomowe > ul > li:hover > ul > li {
    display: block;
}

#wielopoziomowe li:first-of-type {
    padding: 0;
    display: block;
}

#wielopoziomowe li:first-of-type:hover {
    background-color: papayawhip;
}

#wielopoziomowe:hover {
    transition-property: height;
    transition-duration: 2s;
    transition-timing-function: ease;
    height: 420px;
}






/* dół - header www mobil */

.banner {
    min-height: 750px;
    padding: auto;
}

#header-slider {
    background-color: #FFFFFF;
    background-image: url(Materialy/naprawa-komputerow-slask.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    /* background-attachment: fixed; */
    /* padding: 60px; */
}

#header-slider-mobil {
    background-color: #FFFFFF;
    background-image: url(Materialy/naprawa-komputerow-slaskie.png);
    background-size: auto;
    background-repeat: no-repeat;
    background-position: center;
    /* background-attachment: fixed; */
    /* padding: 60px; */
}

h1 {
    font-size: 50px;
    font-weight: 600;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center;
}

h1.naglowek-www {
    padding-top: 300px;
}

h2 {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: auto;
    margin-top: auto;
    text-align: center;
    text-decoration: underline;
    padding-top: 20px;
    padding-bottom: 20px;
}

h2.naglowek-mobil {
    padding-top: 200px;
    background-color: rgba(255, 255, 255, 0.85);
    text-decoration: none;
}


h3 {
    font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    text-align: center;
    color: #FF9700;
}

#button {
    text-align: center;
    font-size: 16px;
}


#button2 {
    text-align: center;
    font-size: 16px;
}

.btn a {
    line-height: 50px;
    background-color: #FF9700;
    color: #333333;
    padding: 15px 40px;
    cursor: pointer;
    text-transform: uppercase;
    font-weight: 600;
    text-decoration: none;
    text-align: center;
    font-size: 16px;
    border-radius: 7px;
}

.btn a:hover {
    border: 1px solid #333333;
    color: #333333;
    background-color: #FFFFFF;
}







/*    O firmie  www */

.lewy {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 31%;
    height: 440px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.srodkowy {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 31%;
    height: 440px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.prawy {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 31%;
    height: 440px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.lewy p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.srodkowy p {
    color: #91908E;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.prawy p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.opis {
    display: block;
    text-align: center;
    text-decoration: none;
}

h3.ambulance {
    color: #91908E;
}

h4 {
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #333333;
}

.clear {
    clear: both;
}







/*  O firmie mobil  */

#about-us-mobil {
    height: auto;
    padding: 10px;
}

.lewy2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 400px;
    box-sizing: border-box;
    margin: 20px;
    float: left;

}

.srodkowy2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 400px;
    box-sizing: border-box;
    margin: 20px;
    float: left;
}

.prawy2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 400px;
    box-sizing: border-box;
    margin: 20px;
    margin-bottom: 50px;
    float: left;
}

.lewy2 p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.srodkowy2 p {
    color: #91908E;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.prawy2 p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}







/*  O firmie cd. www  */

#number {
    background-color: #FF9700;
    min-height: 450px;
    margin-top: -14px;
}

h2.nasze-zalety {
    color: #FFFFFF;
    padding-top: 40px;
}

.pierwszy {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 23%;
    height: 160px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.drugi {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 23%;
    height: 160px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.trzeci {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 23%;
    height: 160px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.czwarty {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 23%;
    height: 160px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

h4.white {
    color: #FFFFFF;
    padding-top: 40px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.pierwszy p {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}

.drugi p {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}

.trzeci p {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}

.czwarty p {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}


.opis-liczb {
    display: block;
    text-align: center;
    text-decoration: none;
}

h4 {
    font-size: 18px;
    font-weight: 400;
    margin-top: 0;
    text-align: center;
    color: #333333;
}

#clear {
    clear: both;
}





/*  O firmie cd. mobil  */

#number-mobil {
    background-color: #FF9700;
    min-height: 200px;
    /* margin-top: -14px; */
}

h2.nasze-zalety2 {
    color: #FFFFFF;
    padding-top: 40px;
}


.pierwszy2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 200px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.drugi2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 200px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.trzeci2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 200px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.czwarty2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 200px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
    margin-bottom: 40px;
}

h4.white2 {
    color: #FFFFFF;
    padding-top: 20px;
    font-size: 20px;
    font-weight: 600;
    text-align: center;
}

.pierwszy2 p {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}

.drugi2 p {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}

.trzeci2 p {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}

.czwarty2 p {
    color: #FFFFFF;
    font-size: 60px;
    font-weight: 600;
    margin-bottom: 0;
    text-align: center;
}








.repair {
    height: auto;
    padding: 20px;
    text-align: center;
}


#left {
    background-image: url(Materialy/sprzedaz-komputerow-naprawa-komputerow.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 31%;
    height: 500px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

#middle {
    background-image: url(Materialy/instalacja-systemu-naprawa-komputerow.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 31%;
    height: 500px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

#right {
    background-image: url(Materialy/naprawa-sprzetu-naprawa-komputerow.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 31%;
    height: 500px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}



#left2 {
    background-image: url(Materialy/uslugi-komputerowe-naprawa-komputerow.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 31%;
    height: 500px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

#middle2 {
    background-image: url(Materialy/bezpieczenstwo-danych-naprawa-komputerow.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 31%;
    height: 500px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

#right2 {
    background-image: url(Materialy/sieci-komputerowe-naprawa-komputerow.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 31%;
    height: 500px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}



#left3 {
    background-image: url(Materialy/internet-naprawa-komputerow.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 31%;
    height: 500px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

#middle3 {
    background-image: url(Materialy/drukarki-laserowe-i-atramentowe-naprawa-komputerow.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 31%;
    height: 500px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

#right3 {
    background-image: url(Materialy/inne-naprawy-naprawa-komputerow.png);
    background-position: center;
    background-size: auto;
    background-repeat: no-repeat;
    width: 31%;
    height: 500px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}



.opis3 {
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 10px;
    margin-top: 400px
}

h4.gruby {
    font-size: 20px;
    font-weight: 600;
    color: #FF9700;
    margin: auto;
}

#clear {
    clear: both;
}





/* Usługi  mobil  */

.repair-mobil {
    height: auto;
    padding: 20px;
}

#left-mobil {
    background-image: url(Materialy/sprzedaz-komputerow-naprawa-komputerow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 360px;
    box-sizing: border-box;
    margin: 10px;
    float: left;

}

#middle-mobil {
    background-image: url(Materialy/instalacja-systemu-naprawa-komputerow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 360px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

#right-mobil {
    background-image: url(Materialy/naprawa-sprzetu-naprawa-komputerow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 360px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}



#left2-mobil {
    background-image: url(Materialy/uslugi-komputerowe-naprawa-komputerow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 360px;
    box-sizing: border-box;
    margin: 10px;
    float: left;

}

#middle2-mobil {
    background-image: url(Materialy/bezpieczenstwo-danych-naprawa-komputerow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 360px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

#right2-mobil {
    background-image: url(Materialy/sieci-komputerowe-naprawa-komputerow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 360px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}



#left3-mobil {
    background-image: url(Materialy/internet-naprawa-komputerow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 360px;
    box-sizing: border-box;
    margin: 10px;
    float: left;

}

#middle3-mobil {
    background-image: url(Materialy/drukarki-laserowe-i-atramentowe-naprawa-komputerow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 360px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

#right3-mobil {
    background-image: url(Materialy/inne-naprawy-naprawa-komputerow.png);
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    width: 90%;
    height: 360px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.opis4 {
    background-color: rgba(255, 255, 255, 0.8);
    display: block;
    text-align: center;
    text-decoration: none;
    padding: 5px;
    margin-top: 280px
}





/*  Sklep www */

#shop {
    background-color: #FFFFFF;
    background-image: url(Materialy/sklep-komputerowy-on-line.png);
    background-size: auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
    background-position: center;
    min-height: 1080px;
    padding: 300px;
}

#shopping {
    background-color: rgba(255, 255, 255, 0.9);
    color: #333333;
    padding: 60px;
}

#click {
    text-align: center;
    font-size: 16px;
}



/*  Sklep mobil */

#shop-mobil {
    background-color: #FFFFFF;
    background-image: url(Materialy/sklep-komputerowy-on-line-mobil.png);
    background-position: center;
    background-size: auto;
    background-attachment: fixed;
    background-repeat: no-repeat;
    width: 95%;
    min-height: 800px;
    box-sizing: border-box;
    padding-top: 250px;
}

#shopping-mobil {
    background-color: rgba(255, 255, 255, 0.9);
    color: #333333;
    padding: 5px;
}

#click2 {
    text-align: center;
    font-size: 16px;
}






/*  Kontakt www  */

.adres {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 23%;
    height: 385px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.godziny {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 23%;
    height: 385px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.telefon {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 23%;
    height: 385px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.email {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 23%;
    height: 385px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}


.adres p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.godziny p {
    color: #91908E;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.telefon p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.email p {
    color: #91908E;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}


.opis {
    display: block;
    text-align: center;
    text-decoration: none;
}

iframe {
    border: 0;
    width: 100%;
    height: 300;
}








/*  Kontakt mobil  */

#contact-mobil {
    height: auto;
    padding: 5px;
}

.adres2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 280px;
    box-sizing: border-box;
    margin: 10px;
    float: left;

}

.godziny2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 280px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.telefon2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 280px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.email2 {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 280px;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.adres2 p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.godziny2 p {
    color: #91908E;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.telefon2 p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.email2 p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
    margin-bottom: 20px;
}


#mapa {
    padding: 0;
}



/*  Wróć www */

#back {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#back a {
    background-color: rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    box-sizing: content-box;
}

#back a:hover {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
}





/*  Wróć mobil */

#back-mobil {
    position: fixed;
    bottom: 20px;
    right: 20px;
}

#back-mobil a {
    background-color: rgba(0, 0, 0, 0.3);
    color: #FFFFFF;
    display: block;
    height: 40px;
    width: 40px;
    line-height: 40px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 2px;
    text-align: center;
    text-decoration: none;
    box-sizing: content-box;
}

#back-mobil a:hover {
    background-color: rgba(0, 0, 0, 0.7);
    color: #FFFFFF;
}






/*  Stopka www  */

#page-footer {
    min-height: 100px;
    background-color: #EEEEEE;
    padding-top: 6px;
    padding-bottom: 6px;
    padding-left: 30px;
    margin-top: 30px;
    bottom: 0;
}

#page-footer a {
    display: inline-block;
    text-decoration: none;
    color: #333333;
}

#page-footer a:hover {
    color: #FF9700;
}

.stopka {
    display: block;
    width: 30%;
    float: left;

}


h5 {
    font-size: 14px;
    font-weight: 400;
    color: #333333;

}

#menu-dolne {
    text-align: right;
    padding-right: 120px;
    margin-top: 6px;
    margin-bottom: 20px;
    width: 50%;
    float: right;
}

#menu-dolne li {
    display: inline-block;
    border: 0;
}

#menu-dolne li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

#menu-dolne li a:hover {
    color: #FF9700;
}



/*  Stopka mobil  */

#page-footer-mobil {
    min-height: 60px;
    background-color: #EEEEEE;
    padding-top: 6px;
    padding-bottom: 6px;
    margin-top: 30px;
    text-align: center;
    bottom: 0;
}

#page-footer-mobil a {
    display: inline-block;
    text-decoration: none;
    color: #333333;
}

#page-footer-mobil a:hover {
    color: #FF9700;
}

#menu-dolne-mobil {
    text-align: center;
    padding-right: 82px;
}

#menu-dolne-mobil li {
    display: inline-block;
    border: 0;
}

#menu-dolne-mobil li a {
    display: block;
    text-decoration: none;
    font-size: 14px;
    font-weight: 400;
    color: #333333;
}

#menu-dolne-mobil li a:hover {
    color: #FF9700;
}



/*  Awaria komputera www mobil */

#naprawy {
    min-height: 618px;
    padding-bottom: 10px;
    max-width: 1100px;
    text-align: center;
}

h2.awaria {
    font-size: 30px;
    font-weight: 600;
    margin-bottom: auto;
    margin-top: auto;
    text-align: left;
    text-decoration: none;
    padding-top: 20px;
    padding-left: 30px;
    padding-bottom: 20px;
}


h4.awar {
    margin: 50px;
    font-size: 18px;
    font-weight: 400;
    text-align: center;
    color: #333333;
}

.domek {
    position: left;
    text-align: right;
    padding-right: 30px;
    padding-bottom: 10px;
    margin-top: -35px;
}

.domek li {
    display: inline-block;
    border: 0;
}

.domek li a {
    color: #333333;
    display: block;
    text-decoration: none;
    font-size: 16px;
    padding-left: 5px;
}

domek li a:hover {
    color: #FFFFFF;
}



/*  Artykuły komputera www mobil */

h1.tytul {
    font-size: 34px;
    font-weight: 600;
    margin-bottom: auto;
    margin-top: auto;
    text-align: left;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
}

h6 {
    font-size: 14px;
    font-weight: 400;
    color: #333333;
    text-align: left;
    padding-left: 30px;
    padding-right: 30px;
}


p {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #333333;
    padding-left: 30px;
    padding-right: 30px;
}

.blog-read-on {
    padding: 30px;
}

.blog-read-on a {
    display: inline-block;
    font-size: 11px;
    line-height: 1;
    border: 1px solid #ddd;
    padding: 10px 16px;
    border-radius: 2px;
    text-transform: uppercase;
    letter-spacing: 1px;
    text-decoration: none;
    color: #333333;
}

.blog-read-on a:hover {
    color: #FF9700;
}

hr {
    border: 0px;
    background: #EEEEEE;
    height: 1px;
}



/*  Cennik www */

#cennik {
    min-height: 50px;
    padding-bottom: 10px;
    max-width: 1100px;
    text-align: center;
}

.opis-pliku {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 31%;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.wielkosc {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 31%;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.pobierz {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 31%;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}


.opis-pliku p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.wielkosc p {
    color: #91908E;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.pobierz p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}



.opis {
    display: block;
    text-align: center;
    text-decoration: none;
}


#kod-qr {
    padding-bottom: 5px;
    max-width: 1100px;
    text-align: center;
}


.qr {
    text-align: center;
    width: 55%;
    box-sizing: border-box;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}

.kod {
    text-align: center;
    width: 40%;
    box-sizing: border-box;
    float: left;
    padding-left: 30px;
    padding-right: 30px;
}


.qr p {
    color: #91908E;
    font-weight: 600;
    text-align: center;
}

.kod p {
    color: #FF9700;
    font-weight: 600;
    text-align: center;
}



/*  Cennik mobil */

#cennik-mobil {
    height: auto;
    padding: 5px;
}

.opis-pliku-mobil {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 280px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.wielkosc-mobil {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 280px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}

.pobierz-mobil {
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    width: 90%;
    height: 300px;
    box-sizing: border-box;
    margin: 5px;
    float: left;
}


.opis-pliku-mobil p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.wielkosc-mobil p {
    color: #91908E;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}

.pobierz-mobil p {
    color: #FF9700;
    font-size: 60px;
    font-weight: 600;
    text-align: center;
}


.opis {
    display: block;
    text-align: center;
    text-decoration: none;
}


#kod-qr-mobil {
    text-align: center;
}


.qr-mobil {
    text-align: center;
    width: 90%;
    height: 220px;
    height: 220px;
    box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}

.kod-mobil {
    text-align: center;
    width: 90%;
    height: 200px;
    box-sizing: border-box;
    box-sizing: border-box;
    margin: 10px;
    float: left;
}


.qr p {
    color: #91908E;
    font-weight: 600;
    text-align: center;
}

.kod p {
    color: #FF9700;
    font-weight: 600;
    text-align: center;
}



/*  Polityka prywatności / Cookies www mobil */

h4.wers {
    font-size: 20px;
    font-weight: 600;
    color: #FF9700;
    margin: auto;
    text-align: left;
    padding-left: 30px;
    padding-top: 20px;
}

.cookies p {
    font-size: 18px;
    font-weight: 400;
    text-align: left;
    color: #333333;
    padding-left: 30px;
    padding-right: 30px;
    padding-top: 0;
}




/* interakcja WWW na MOBILE */

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

    #kod-qr-mobil {
        display: block;
    }

    #kod-qr {
        display: none;
    }

    #cennik-mobil {
        display: block;
    }

    #cennik {
        display: none;
    }

    #back-mobil {
        display: block;
    }

    #back {
        display: none;
    }

    #menu-dolne-mobil {
        display: block;
    }

    #menu-dolne {
        display: none;
    }

    #page-footer-mobil {
        display: block;
    }

    #page-footer {
        display: none;
    }

    #stopka-mobil {
        display: block;
    }

    #stopka {
        display: none;
    }

    #mapa-mobil {
        display: block;
    }

    #mapa {
        display: none;
    }

    #contact-mobil {
        display: block;
    }

    #contact {
        display: none;
    }

    #shop-mobil {
        display: block;
    }

    #shop {
        display: none;
    }

    #service-mobil {
        display: block;
    }

    #service {
        display: none;
    }

    #number-mobil {
        display: block;
    }

    #number {
        display: none;
    }

    #about-us-mobil {
        display: block;
    }

    #about-us {
        display: none;
    }

    #header-slider-mobil {
        display: block;
    }

    #header-slider {
        display: none;
    }

    #zdjecie {
        display: block;
    }

    #menu {
        display: none;
    }

    #wielopoziomowe {
        display: block;
    }

    #logo {
        display: none;
    }

    #zdjecie {
        display: block;
    }

    #header-mobil {
        display: block;
    }

    #header {
        display: none;
    }
}


@media screen and (min-width:970px) {

    #kod-qr-mobil {
        display: none;
    }

    #kod-qr {
        display: block;
    }

    #cennik-mobil {
        display: none;
    }

    #cennik {
        display: block;
    }

    #back-mobil {
        display: none;
    }

    #back {
        display: block;
    }

    #menu-dolne-mobil {
        display: none;
    }

    #menu-dolne {
        display: block;
    }

    #page-footer-mobil {
        display: none;
    }

    #page-footer {
        display: block;
    }

    #stopka-mobil {
        display: none;
    }

    #stopka {
        display: block;
    }

    #mapa-mobil {
        display: none;
    }

    #mapa {
        display: block;
    }

    #contact-mobil {
        display: none;
    }

    #contact {
        display: block;
    }

    #shop-mobil {
        display: none;
    }

    #shop {
        display: block;
    }

    #service-mobil {
        display: none;
    }

    #service {
        display: block;
    }

    #number-mobil {
        display: none;
    }

    #number {
        display: block;
    }

    #about-us-mobil {
        display: none;
    }

    #about-us {
        display: block;
    }

    #header-slider-mobil {
        display: none;
    }

    #header-slider {
        display: block;
    }

    #zdjecie {
        display: none;
    }

    #menu {
        display: block;
    }

    #wielopoziomowe {
        display: none;
    }

    #logo {
        display: block;
    }

    #zdjecie {
        display: none;
    }

    #header-mobil {
        display: none;
    }

    #header {
        display: block;
    }
}