html{
    scroll-behavior: smooth;
}

body{
    font-size: 13px;
    margin: 0;
    padding: 0;
    position: relative;
}

a:link, a:visited, a:hover, a:active{
    text-decoration: none;
    color: #FFFAF4;
}

#sticky{
    position: fixed;
    top: 0;
    z-index: 3;
    width: 100%;
}

#header{
    overflow: hidden;
    background-color: #374375;
    color: #FFFAF4;
    font-size: 10px;
}

.ceg{
    float: left;
    margin: 20px 0 20px 10px;
}

.hely{
    float: right;
    margin: 20px 10px 20px 0;
}

#menu-gomb{
    position: fixed;
    right: 0;
    width: 50px;
    height: 40px;
    background-color: #374375;
    clip-path: polygon(100% 0, 100% 100%, 30% 100%, 0 70%, 0 0);
    z-index: 6;
    text-align: center;
}

#menu-gomb:hover{
    cursor: pointer;
    background-color: #102540;
}

#menu-gomb img{
    width: 35px;
    height: 25px;
    margin-top: .5vh;
}

#menu-elem{
    float: right;
    height: 37vh;
    width: 40vw;
    background-color: #374375;
    position: fixed;
    top: 5vh;
    right: -40vw;
    transition: ease .15s;
    clip-path: polygon(100% 0, 100% 100%, 30% 100%, 0 90%, 0 0);
    color: #FFFAF4;
    padding-top: 50px;
    z-index: 5;
}

#menu-elem.show{
    position: fixed;
    top: 5vh;
    right: 0;
    z-index: 5;
}

#elem{
    padding: 20px;
    width: auto;
}

#elem:hover{
    background-color: #102540;
}

#kezdo, .kezdo{
    height: 95vh;
    width: 100vw;
    margin-top: -40px;
    margin-bottom: 0;
}

.logo{
    width: 200px;
    height: 150px;
    position: absolute;
    z-index: 2;
    margin-top: -78vh;
    margin-left: 10vw;
}

.logo img{
    width: 100%;
    height: auto;
}

.kezdo-szoveg{
    color: #FFFAF4;
    margin-left: 10vw;
    margin-top: -60vh;
}

.kezdo-keret{
    position: relative;
    background-color: #FFFAF4;
    height: 250px;
    width: 340px;
    float: right;
    margin-top: 3vh;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0% 80%, 0% 20%);
    z-index: 1;
}


.kezdo-kep img{
    position: relative;
    height: 90%;
    width: 95%;
    margin-top: 5px;
    float: right;
    clip-path: polygon(10% 0, 100% 0, 100% 100%, 10% 100%, 0% 80%, 0% 20%);
    z-index: 1;
}

.menu-szolg p{
    color: #FFFAF4;
    margin-left: 10vw;
    margin-top: 37vh;
    visibility: hidden;
}

.szolg-btns{
    text-align: center;
}

#szolg-btn1, #szolg-btn2{
    width: 30vw;
    height: 5vh;
    margin: 20px;
}

#szolg-btn1{
    border: none;
    color: #102540;
    background-color: #FFFAF4;
}

#szolg-btn1:hover{
    background-color: #102540;
    color: #FFFAF4;
    cursor: pointer;
}

#szolg-btn2{
    border: none;
    color: #FFFAF4;
    background-color: #102540;
}

#szolg-btn2:hover{
    background-color: #FFFAF4;
    cursor: pointer;
    color: #102540;
}

#szolgaltatasok{
    background-color: #374375;
    margin-top: -8vh;
    padding-top: 5vh;
    position: relative;
    width: 100%;
    height: auto;
}

#szolgaltatasok h2{
    margin: auto;
    text-align: center;
    color: #FFFAF4;
    margin-bottom: 30px;
}

#szolg-arnyekolas{
    margin-top: 5vh;
}

#szolg-arnyekolas h2, #szolg-konyveles h2{
    text-align: left;
    color: #102540;
}

.szolg-arnyek{
    position: relative;
    background-color: #FFFAF4;
    color: #102540;
    padding: 10px;
    width: 310px;
    height: 370px;
    margin: auto;
    z-index: 2;
}

.szolg-arnyek-bg{
    position: absolute;
    width: 320px;
    height: 380px;
    background-color: #102540;
    top: 19%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(10deg);
    z-index: 1;
}

.szolg-arnyek ul, .szolg-konyvel ul{
    list-style: none;
    padding: 0;
    margin: 0;
    margin-top: 10px;
}
  
.szolg-arnyek li, .szolg-konyvel li{
    position: relative;
    padding-left: 20px;
    padding-top: 5px;
    padding-bottom: 5px;
}
  
.szolg-arnyek li::before, .szolg-konyvel li::before{
    content: "-";
    position: absolute;
    left: 0;
    color: black;
}

.szolg-konyvel-bg{
    position: absolute;
    width: 320px;
    height: 240px;
    background-color: #102540;
    top: 47%;
    left: 50%;
    transform: translate(-50%, -50%) rotate(10deg);
    z-index: 1;
}

.szolg-konyvel{
    position: relative;
    background-color: #FFFAF4;
    color: #102540;
    padding: 10px;
    width: 310px;
    height: 220px;
    margin: auto;
    margin-top: 13vh;
    z-index: 2;
}

#miert{
    overflow: auto;
    margin-top: 10vh;
    text-align: center;
    padding-bottom: 5vh;
}

#miert h4{
    font-size: 13px;
    font-weight: bold;
    color: #FFFAF4;
}

.szakertelem, .megbizhatosag{
    width: 40vw;
    height: 40vw;
    margin-top: 3vh;
    float: left;
    margin-left: 6vw;
    background-color: #102540;
    color: #FFFAF4;
    padding: 5px;
    clip-path: polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
}

.megoldas, .arak{
    width: 40vw;
    height: 40vw;
    margin-top: 3vh;
    float: right;
    margin-right: 6vw;
    background-color: #102540;
    color: #FFFAF4;
    padding: 5px;
    clip-path: polygon(10% 0%, 90% 0%, 100% 10%, 100% 90%, 90% 100%, 10% 100%, 0% 90%, 0% 10%);
}

#szolg-kiem{
    color: #FFFAF4;
    width: 80%;
    margin: auto;
    font-size: 18px;
    font-weight: bold;
    margin-top: 55vh;
}

#arnyekolas{
    padding-top: 5vh;
    padding-bottom: 5vh;
    color: #102540;
}

.arnyek-h2{
    text-align: center;
}

.arnyek-p{
    text-align: center;
    margin-left: 5vw;
    margin-right: 5vw;
}

.redony{
    margin-left: 5vw;
    margin-right: 5vw;
    margin-top: 5vh;
}

.redony h2{
    text-align: left;
}

.melyiket{
    margin-left: 5vw;
    margin-right: 5vw;
    margin-top: 5vh;
    overflow: hidden;
}

.melyik-h2{
    text-align: center;
}

.manualis{
    width: 43%;
    float: left;
    background-color: #374375;
    color: #FFFAF4;
    padding: 10px;
    height: 67vh;
}

.manualis-k{
    width: 100%;
    height: auto;
    margin-top: 0.8vh;
}

.motoros{
    width: 43%;
    float: right;
    background-color: #374375;
    color: #FFFAF4;
    padding: 10px;
    height: 67vh;
}

.motoros-k{
    width: 100%;
    height: auto;

}

#arnyekolas2{
    background-color: #102540;
    padding-top: 3vh;
    padding-bottom: 5vh;
}

.szunyoghalo, .szalagfuggony, .reluxa{
    background-color: #374375;
    color: #FFFAF4;
    margin-left: 5vw;
    margin-right: 5vw;
    margin-top: 5vh;
    padding: 2vh;
    overflow: hidden;
}

.szunyoghalo h2, .szalagfuggony h2, .reluxa h2{
    text-align: center;
}

.szunyoghalo-img, .szalagfuggony-img, .reluxa-img{
    width: 40%;
    position: absolute;
    float: left;
}

.szunyoghalo-img{
    height: 26vh;
}

.szalagfuggony-img{
    height: 37vh;
}

.reluxa-img{
    height: 36vh;
}

.szunyoghalo-sz, .szalagfuggony-sz, .reluxa-sz{
    width: 45%;
    float: right;
}

#parkany{
    background-color: #FFFAF4;
    color: #102540;
    overflow: hidden;
    width: 100%;
    margin-bottom: 0;
}

.parkany-bg{
    position: absolute;
    width: 43vw;
    height: 20vh;
    margin-top: 30vh;
    margin-left: 27vw;
    background-color: #102540;
    transform: translate(-50%, -50%) rotate(10deg);
    z-index: 1;
}

.parkany-img{
    width: 45%;
    float: left;
    margin-top: 20vh;
    z-index: 2;
    position: relative;
    margin-left: 5vw;
}

.parkany-img img{
    position: relative;
    width: 100%;
    height: 20vh;
}

.parkany{
    width: 40%;
    float: right;
    margin-right: 5vw;
    margin-left: 5vw;
    margin-top: 5vh;
}

.parkany h2{
    text-align: center;
}

.p-gomb{
    text-align: center;
    background-color: #FFFAF4;
    padding-bottom: 5vh;
}

.parkany-ajanlat{
    border: none;
    color: #FFFAF4;
    background-color: #102540;
    margin-top: 5vh;
    height: 5vh;
    width: 60vw;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
}

#konyveles{
    background-color: #374375;
    color: #FFFAF4;
    padding-left: 5vw;
    padding-right: 5vw;
    padding-bottom: 3vh;
    padding-top: 3vh;
}

.konyvel-h2{
    padding-top: 5vh;
    text-align: center;
}

.konyvel-p{
    text-align: center;
    margin-bottom: 5vh;
}

.konyveles, .berszamfejtes{
    padding: 10px;
    background-color: #102540;
    clip-path: polygon(5% 0, 95% 0, 100% 10%, 100% 90%, 95% 100%, 5% 100%, 0 90%, 0 10%);
    margin-bottom: 3vh;
}

.palyazat{
    padding: 10px;
    background-color: #102540;
    clip-path: polygon(5% 0, 95% 0, 100% 10%, 100% 90%, 95% 100%, 5% 100%, 0 90%, 0 10%);
    margin-top: 2vh;
}

#berszam-img{
    text-align: center;
}

.berszam-img{
    position: relative;
    width: 80%;
    height: auto;
    z-index: 2;
    margin-top: 3vh;
    margin-bottom: 5vh;
}

.berszam-bg{
    position: absolute;
    width: 75vw;
    height: 24vh;
    background-color: #FFFAF4;
    margin-top: 31%;
    margin-left: 45vw;
    transform: translate(-50%, -50%) rotate(10deg);
    z-index: 1;
}

.konyvel-kiem{
    text-align: center;
    width: 85%;
    margin: auto;
    margin-top: 5vh;
    font-size: 16px;
}

.k-gomb{
    text-align: center;
    background-color: #374375;
    padding-bottom: 3vh;
}

.konyvel-ajanlat{
    border: none;
    color: #102540;
    background-color: #FFFAF4;
    margin-top: 5vh;
    height: 5vh;
    width: 60vw;
    font-size: 16px;
    font-weight: bold;
    padding: 0;
}

#elerhetosegek{
    text-align: center;
    background-color: #102540;
    color: #FFFAF4;
    padding: 5vh 5vw 5vh 5vw;
}

#elerhetosegek table{
    width: 100%;
    margin: auto;
    margin-top: 5vh;
}

#elerhetosegek td{
    padding-top: 0.5vh;
    padding-bottom: 0.5vh;
}

#elerhetosegek table h2, #elerhetosegek table h3{
    margin: 0;
}

#elerhetosegek table h3{
    margin-bottom: 3vh;
}

#ajanlat{
    background-color: #FFFAF4;
    color: #102540;
    padding-top: 5vh;
    padding-bottom: 5vh;
    padding-left: 5vw;
    padding-right: 5vw;
}

#ajanlat h2{
    text-align: center;
}

#ajanlat table{
    width: 100%;
}

.ajanlat-kiem{
    background-color: #374375;
    color: #FFFAF4;
    text-align: center;
    font-size: 16px;
    padding-top: 1vh;
    padding-bottom: 1vh;
    margin-top: 3vh;
    margin-bottom: 2vh;
    font-weight: bold;
}

input[type="text"], input[type="tel"], input[type="email"], select, textarea{
    border: 2px solid #374375;
    background-color: #FFFAF4;
    color: #102540;
    margin-top: 1vh;
    margin-bottom: 3vh;
    padding: 2px;
}

textarea{
    width: 100%;
}

label{
    font-size: 12px;
    font-weight: bold;
}

#elkuld{
    text-align: center;
}

.elkuld{
    border: none;
    background-color: #374375;
    color: #FFFAF4;
    font-size: 16px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 20px;
    border-radius: 3px;
}

.elkuld:hover{
    background-color: #102540;
    cursor: pointer;
}

#footer{
    background-color: #374375;
    overflow: hidden;
    padding: 5vh 5vw 2vh 5vw;
    color: #FFFAF4;
}

#footer img{
    float: left;
    width: 30%;
    height: auto;
}

.jogok{
    float: right;
}

.ceg-p{
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 0;
    margin-top: 0;
}

.programer-p{
    font-size: 12px;
}

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

    body{
        font-size: 11px;
    }
    
    #sticky{
        width: 100%;
    }
    
    #header{
        font-size: 8px;
    } 
    
    #menu-gomb{
        width: 40px;
        height: 30px;
    }
    
    #menu-gomb img{
        width: 25px;
        height: 15px;
        margin-top: 15%;
    }
    
    #menu-elem{
        height: 30%;
        width: 25%;
        font-size: 12px;
    }
    
    #kezdo, .kezdo{
        width: 100%;
    }
    
    .logo{
        width: 50%;
        height: auto;
    }
    
    .kezdo-szoveg{
        margin-top: -65vh;
    }
    
    .kezdo-keret{
        height: 25%;
        width: 90%;
    }
    
    .kezdo-kep img{
        position: absolute;
        width: 96%;
        height: 91%;
        margin-top: 10px;
        margin-left: 4%;
    }
    
    .szolg-arnyek{
        width: 80%;
        height: auto;
    }
    
    .szolg-arnyek-bg{
        width: 80%;
        height: 21%;
        top: 17.5%;
    }
    
    .szolg-konyvel-bg{
        width: 80%;
        height: 15%;
        top: 43%;
    }
    
    .szolg-konyvel{
        width: 80%;
        height: auto;
    }
    
    #szolg-kiem{
        font-size: 14px;
    }
    
    .melyiket{
        overflow: none;
    }
    
    .manualis{
        width: auto;
        height: auto;
    }
    
    .motoros{
        width: auto;
        float: left;
        height: auto;
        margin-top: 10%;
    }
    
    .szunyoghalo-img{
        height: 2.3%;
    }
    
    .szalagfuggony-img{
        height: 3.2%;
    }
    
    .reluxa-img{
        height: 3.1%;
    }
    
    .parkany-ajanlat{
        font-size: 12px;
    }
    
    .berszam-bg{
        width: 70%;
        height: 2.3%;
    }
    
    input[type="text"], input[type="tel"], input[type="email"], select, textarea{
        width: 80%;
    }

    textarea{
        width: 95%;
    }
    
    .ceg-p{
        font-size: 12px;
    }
    
    .programer-p{
        font-size: 10px;
    }

    .el-email{
        font-size: 9px;
    }
}

@media only screen and (min-width: 768px){
    #menu-elem{
        width: 20vw;
    }

    #kezdo, .kezdo{
        height: 110vh;
        width: 100vw;
        margin-top: -40px;
    }
    
    .logo{
        width: 250px;
        height: 200px;
        margin-top: -93vh;
    }

    .kezdo-szoveg{
        margin-top: -68vh;
        font-size: 16px;
    }

    .kezdo-keret{
        height: 300px;
        width: 390px;
    }
    
    .kezdo-kep img{
        height: 270px;
        width: 370px;
        margin-top: 15px;
    }

    #szolg-btn1, #szolg-btn2{
        width: 20vw;
        height: 5vh;
        margin: 40px;
        margin-top: 6vh;
    }

    .szolg-arnyek{
        width: 570px;
        height: 320px;
        padding: 20px;
    }

    .szolg-arnyek li {
        font-size: 16px;
    }
    
    .szolg-arnyek-bg{
        width: 590px;
        height: 340px;
        top: 18%;
    }

    .szolg-konyvel li {
        font-size: 16px;
    }

    .szolg-konyvel-bg{
        width: 620px;
        height: 220px;
        top: 42%;
    }
    
    .szolg-konyvel{
        padding: 20px;
        width: 570px;
        height: 200px;
    }

    #miert h4{
    font-size: 13px;
    font-weight: bold;
    color: #FFFAF4;
    }

    .szakertelem, .megbizhatosag{
        font-size: 16px;
        width: 30vw;
        height: 30vw;
        margin-left: 10vw;
    }

    .megoldas, .arak{
        font-size: 16px;
        width: 30vw;
        height: 30vw;
        margin-right: 10vw;
    }
    
    #miert h4{
        font-size: 18px;
    }

    #szolg-kiem{
        font-size: 18px;
        margin-top: 75vh;
    }

    .szunyoghalo-img{
        height: 17vh;
    }
    
    .szalagfuggony-img{
        height: 24vh;
    }
    
    .reluxa-img{
        height: 22vh;
    }

    .manualis-k{
        height: 54%;
    }

    .manualis{
        height: 55vh;
    }
    
    .motoros{
        height: 55vh;
    }

    .parkany-bg{
        margin-top: 23vh;
        margin-left: 27vw;
        height: 20vh;
        width: 48vw;
    }
    
    .parkany-img{
        margin-top: 12vh;
    }

    .parkany-img img{
        height: 21vh;
    }

    .parkany-ajanlat{
        margin-top: 10vh;
    }

    #berszamfejtes{
        overflow: hidden;
    }

    #berszam-img{
        width: 45%;
        float: right;
    }

    .berszam-bg{
        width: 33vw;
        height: 18vh;
        margin-top: 15%;
        margin-left: 20vw;
    }

    .berszamfejtes{
        float: left;
        width: 45%;
    }

    .konyveles, .palyazat{
        clip-path: polygon(3% 0, 97% 0, 100% 10%, 100% 90%, 97% 100%, 3% 100%, 0 90%, 0 10%);
    }

    input[type="text"], input[type="tel"], input[type="email"]{
        width: 80%;
    }

    .ceg-p{
        font-size: 16px;
        font-weight: bold;
        margin-bottom: 0;
    }
    
    .programer-p{
        margin-right: 0;
    }

    #footer img{
        width: 20%;
    }

    .ceg-p{
        font-size: 16px;
    }
    
    .programer-p{
        font-size: 12px;
    }
    
}


@media only screen and (min-width: 1024px){
    body{
        font-size: 20px;
    }

    #header{
        font-size: 15px;
    }

    .ceg{
        margin: 20px 0 20px 30px;
    }
    
    .hely{
        margin: 20px 30px 20px 0;
    }

    #menu-elem{
        top: 5vh;
    }
    
    #menu-elem.show{
        top: 5vh;
    }

    #menu-elem{
        width: 15vw;
        height: 42vh;
        padding-top: 60px;
    }

    .kezdo{
        height: 95vh;
    }

    .logo{
        width: 320px;
        height: 270px;
        margin-top: -73vh;
        margin-left: 5vw;
    }

    .kezdo-szoveg{
        margin-top: -40vh;
        margin-left: 5vw;
        font-size: 20px;
    }

    .kezdo-keret{
        height: 360px;
        width: 450px;
        margin-top: -46vh;
    }
    
    .kezdo-kep img{
        height: 330px;
        width: 430px;
    }

    .menu-szolg p{
        color: #FFFAF4;
        margin-left: 5vw;
        margin-top: 4vh;
        visibility: visible;
        font-size: 20px;
    }

    #szolg-btn1, #szolg-btn2{
        width: 30vw;
        height: 6vh;
        margin-top: 40px;
        font-size: 20px;
        font-weight: bold;
    }

    #szolgaltatasok{
        margin-top: -20vh;
        padding-top: 10vh;
    }

    #szolgaltatasok{
        overflow: hidden;
    }

    .szolg-arnyek{
        width: 45vw;
        height: 38vh;
        padding: 20px;
        float: left;
        left: 30px;
        margin-top: 5vh;
    }

    .szolg-arnyek li {
        font-size: 16px;
    }
    
    .szolg-arnyek-bg{
        width: 49vw;
        height: 42vh;
        float: left;
        left: 27%;
        top: 32%;
    }

    .szolg-konyvel-bg{
        width: 42vw;
        height: 44vh;
        left: 75%;
        top: 32%;
    }
    
    .szolg-konyvel{
        padding: 20px;
        width: 38vw;
        height: 38vh;
        float: right;
        right: 30px;
        margin-top: 5vh;
    }

    #miert{
        margin-top: 70vh;
    }
    
    #miert h4{
        font-size: 18px;
    }
    
    .szakertelem, .megbizhatosag{
        width: 17vw;
        height: auto;
        margin-top: 5vh;
        margin-left: 5.5vw;
        font-size: 16px;
    }
    
    .megoldas, .arak{
        width: 17vw;
        height: auto;
        margin-top: 5vh;
        margin-right: 5.5vw;
        font-size: 16px;
    }
    
    #szolg-kiem{
        width: 60%;
        font-size: 22px;
        margin-top: 40vh;
    }

    .manualis-k{
        height: 52.5%;
    }

    .manualis{
        height: 83vh;
    }
    
    .motoros{
        height: 83vh;
    }

    .szunyoghalo-img{
        height: 28vh;
    }
    
    .szalagfuggony-img{
        height: 38.5vh;
    }
    
    .reluxa-img{
        height: 36vh;
    }

    .parkany-bg{
        width: 40vw;
        height: 35vh;
        margin-top: 33vh;
        margin-left: 25vw;
    }
    
    .parkany-img{
        width: 40%;
        margin-top: 15vh;
    }
    
    .parkany-img img{
        position: relative;
        width: 100%;
        height: 35vh;
    }

    .parkany-ajanlat{
        width: 30%;
    }

    .parkany-ajanlat:hover{
        background-color: #374375;
        cursor: pointer;
    }

    .berszam-bg{
        width: 33vw;
        height: 25vh;
        margin-top: 13.5%;
        margin-left: 20vw;
    }

    .konyvel-ajanlat{
        width: 30%;
    }

    .konyvel-ajanlat:hover{
        background-color: #102540;
        color: #FFFAF4;
        cursor: pointer;
    }

    .konyvel-kiem{
        font-size: 20px;
        width: 45%;
    }

    .ajanlat-kiem{
        font-size: 20px;
    }

    label{
        font-size: 16px;
    }

    input[type="text"], input[type="tel"], input[type="email"], select, textarea{
        font-size: 14px;
    }

    .ceg-p{
        font-size: 20px;
    }
    
    .programer-p{
        font-size: 16px;
    }
}

@media only screen and (min-width: 1440px){
    body{
        font-size: 20px;
    }

    #header{
        font-size: 15px;
    }

    .ceg{
        margin: 20px 0 20px 30px;
    }
    
    .hely{
        margin: 20px 30px 20px 0;
    }

    #menu-gomb{
        width: 70px;
        height: 60px;
    }

    #menu-gomb img{
        width: 45px;
        height: 35px;
    }

    #menu-elem{
        top: 5vh;
        width: 15vw;
        padding-top: 70px;
    }
    
    #menu-elem.show{
        top: 5vh;
        height: 38vh;
    }

    .kezdo, #kezdo{
        height: 95vh;
        margin-top: -7vh;
    }

    .logo{
        width: 370px;
        height: 320px;
        margin-top: -66vh;
        margin-left: 5vw;
    }

    .kezdo-szoveg{
        margin-top: -30vh;
        margin-left: 5vw;
        font-size: 18px;
    }

    .kezdo-keret{
        height: 60%;
        width: 50%;
        margin-top: -47vh;
        clip-path: polygon(5% 0, 100% 0, 100% 100%, 5% 100%, 0 92%, 0 8%);
    }
    
    .kezdo-kep img{
        height: 53vh;
        width: 97%;
        clip-path: polygon(5% 0, 100% 0, 100% 100%, 5% 100%, 0 92%, 0 8%);  
    }

    .menu-szolg p{
        color: #FFFAF4;
        margin-left: 5vw;
        margin-top: 4vh;
        visibility: visible;
        font-size: 18px;
    }

    .szolg-btns{
        text-align: left;
        margin-left: 2vw;
    }

    #szolg-btn1, #szolg-btn2{
        width: 10vw;
        height: 5vh;
        margin-top: 5px;
        font-size: 15px;
        font-weight: bold;
    }

    #szolgaltatasok{
        margin-top: -7vh;
        padding-top: 10vh;
    }

    .szolg-arnyek{
        height: auto;
    }

    .szolg-arnyek li {
        font-size: 18px;
    }
    
    .szolg-arnyek-bg{
        width: 48vw;
        height: 28%;
        left: 27%;
        top: 32%;
    }

    .szolg-konyvel-bg{
        height: 38vh;
        left: 77%;
        top: 32%;
    }
    
    .szolg-konyvel{
        height: 35vh;
    }

    #miert{
        margin-top: 40%;
    }

    #miert h4{
        font-size: 20px;
    }
    
    .szakertelem, .megbizhatosag{
        width: 18vw;
        height: 18vw;
        font-size: 18px;
    }
    
    .megoldas, .arak{
        width: 17vw;
        height: 18vw;
        font-size: 18px;
    } 

    #szolg-kiem{
        font-size: 25px;
        margin-top: 50vh;
    }

    .manualis{
        height: 730px;
        width: 47%;
        line-height: 1.5;
        font-size: 18px;
    }
    
    .motoros{
        height: 730px;
        width: 47%;
        line-height: 1.5;
        font-size: 18px;
    }

    .motoros-k{
        height: 400px;
    }

    .manualis-k{
        height: 470px;
    }
    
    .reluxa-img, .szalagfuggony-img, .szunyoghalo-img{
        height: 21vh;
        width: 25%;
        margin-top: 5vh;
    }

    #arnyekolas2{
        overflow: auto;
    }
    
    .szunyoghalo, .szalagfuggony, .reluxa{
        width: 25%;
        overflow: none;
        height: 550px;
        background-color: #102540;
    }

    .szunyoghalo{
        float: left;
        margin-right: 3vw;
    }

    .reluxa{
        float: right;
        margin-top: -590px;
    }

    .szunyoghalo-sz, .szalagfuggony-sz, .reluxa-sz{
        font-size: 18px;
        float: left;
        width: 100%;
        margin-top: 20vh;
        line-height: 1.5;
    }

    .szunyoghalo-sz h2, .szalagfuggony-sz h2, .reluxa-sz h2{
        font-size: 25px;
        margin-top: -20vh;
        margin-bottom: 25vh;
    }

    .parkany-ajanlat{
        margin-top: 15vh;
        height: 5vh;
        width: 30vw;
        font-size: 20px;
    }

    .parkany-ajanlat:hover{
        background-color: #374375;
        cursor: pointer;
    }

    .parkany p{
        line-height: 1.5;
        font-size: 18px;
    }

    .konyveles, .berszamfejtes, .palyazat{
        line-height: 1.5;
        padding: 20px;
    }

    .berszamfejtes{
        margin-top: 3vh;
    }

    .berszam-bg{
        width: 33vw;
        height: 32vh;
        margin-top: 13%;
        margin-left: 20vw;
    }

    #footer img{
        width: 15%;
    }

    .ceg-p{
        font-size: 20px;
    }
    
    .programer-p{
        font-size: 16px;
    }

}

@media only screen and (min-width: 1920px){
    body{
        font-size: 18px;
    }

    #header{
        font-size: 18px;
    }

    .ceg{
        margin: 20px 0 20px 30px;
    }
    
    .hely{
        margin: 20px 30px 20px 0;
    }

    #menu-elem{
        top: 5vh;
    }
    
    #menu-elem.show{
        top: 5vh;
        height: 43vh;
    }

    #menu-elem{
        width: 10vw;
        padding-top: 90px;
    }

    #menu-gomb{
        width: 80px;
        height: 70px;
    }

    #menu-gomb img{
        width: 55px;
        height: 45px;
        margin-top: .5vh;
    }

    #kezdo, .kezdo{
        height: 116vh;
        width: 100%;
        margin-top: -70px;
    }

    .logo{
        width: 370px;
        height: 320px;
        margin-top: -80vh;
        margin-left: 10vw;
    }

    .kezdo-szoveg{
        margin-top: -40vh;
        margin-left: 10vw;
        font-size: 18px;
    }

    .kezdo-keret{
        height: 580px;
        width: 870px;
        margin-top: -51vh;
        clip-path: polygon(5% 0, 100% 0, 100% 100%, 5% 100%, 0 92%, 0 8%);
    }
    
    .kezdo-kep img{
        height: 550px;
        width: 855px;
        clip-path: polygon(5% 0, 100% 0, 100% 100%, 5% 100%, 0 92%, 0 8%);  
    }

    .menu-szolg p{
        color: #FFFAF4;
        margin-left: 10vw;
        margin-top: 4vh;
        visibility: visible;
        font-size: 18px;
    }

    .szolg-btns{
        text-align: left;
        margin-left: 8vw;
    }

    #szolg-btn1, #szolg-btn2{
        width: 10vw;
        height: 5vh;
        font-size: 15px;
        font-weight: bold;
    }

    #szolgaltatasok{
        margin-top: -8vh;
        padding-top: 10vh;
        overflow: hidden;
    }

    .szolg-arnyek{
        height: 40vh;
        width: 35vw;
        left: 15%;
        margin-top: 5vh;
    }
    
    .szolg-arnyek-bg{
        height: 43vh;
        width: 38vw;
        left: 34%;
        top: 32%;
    }

    .szolg-konyvel-bg{
        width: 28vw;
        height: 43vh;
        left: 71%;
        top: 32%;
    }
    
    .szolg-konyvel{
        height: 40vh;
        width: 25vw;
        right: 15%;
    }

    #miert{
        margin-top: 70vh;
    }

    #miert h4{
        font-size: 20px;
    }

    .miert1{
        margin-left: 5vw;
    }
    
    .szakertelem, .megbizhatosag{
        width: 14vw;
        height: 10vw;
        font-size: 18px;
        padding: 10px;
    }
    
    .megoldas, .arak{
        width: 14vw;
        height: 10vw;
        font-size: 18px;
        padding: 10px;
    } 

    .arak{
        margin-left: 5vw;
    }

    .megoldas{
        margin-right: 12vw;
    }

    #szolg-kiem{
        width: 48%;
        font-size: 25px;
        margin-top: 45vh;
    }

    .redony p{
        width: 70%;
    }

    #arnyekolas{
        margin-left: 5vw;
        margin-right: 5vw;
    }

    .manualis{
        width: 42%;
        height: 85vh;
        text-align: center;
        margin-top: 4vh;
    }

    .manualis p, .manualis h3, .motoros h3, .motoros p{
        text-align: left;
        margin-left: 2vw;
        margin-right: 2vw;
    }
    
    .manualis-k{
        width: 90%;
        height: 65%;
        margin-top: 0.8vh;
    }
    
    .motoros{
        width: 42%;
        height: 85vh;
        text-align: center;
        margin-top: 4vh;
    }
    
    .motoros-k{
        width: 90%;
        height: 53%;
    }

    .szunyoghalo, .szalagfuggony, .reluxa{
        width: 20%;
    }

    .szunyoghalo{
        margin-left: 10vw;
        margin-right: 5vw;
    }

    .reluxa{
        margin-right: 15vw;
    }

    .reluxa-img, .szalagfuggony-img, .szunyoghalo-img{
        width: 20%;
    }

    .parkany-ajanlat:hover{
        background-color: #374375;
        cursor: pointer;
    }

    .parkany-bg{
        width: 29vw;
        height: 35vh;
        margin-top: 31vh;
        margin-left: 29vw;
    }

    .parkany-img{
        margin-left: 15vw;
        margin-top: 12vh;
        width: 35%;
    }
    
    .parkany-img img{
        width: 80%;
        height: auto;
    }

    .parkany{
        width: 25%;
        margin-right: 15vw;
        margin-left: 0;
    }

    .parkany-ajanlat{
        margin-top: 15vh;
        height: 6vh;
        width: 25vw;
        font-size: 25px;
    }

    #konyveles{
        padding-left: 10vw;
        padding-right: 10vw;
        line-height: 1.5;
    }

    .berszamfejtes{
        margin-top: 9vh;
    }

    .berszam-img{
        width: 70%;
    }
    
    .berszam-bg{
        width: 25vw;
        height: 33vh;
        margin-top: 10%;
        margin-left: 18vw;
    }

    .konyveles, .palyazat{
        clip-path: polygon(1% 0, 99% 0, 100% 5%, 100% 95%, 99% 100%, 1% 100%, 0 95%, 0 5%);
    }

    .berszamfejtes{
        clip-path: polygon(2% 0, 98% 0, 100% 5%, 100% 95%, 98% 100%, 2% 100%, 0 95%, 0 5%);
    }

    .konyvel-kiem{
        font-size: 25px;
    }

    .konyvel-ajanlat{
        height: 6vh;
        width: 25vw;
        font-size: 25px;
    }

    #elerhetosegek td{
        padding-top: 1vh;
        padding-bottom: 1vh;
    }

    #ajanlat{
        padding-top: 5vh;
        padding-bottom: 5vh;
        padding-left: 20vw;
        padding-right: 20vw;
    }

    #footer img{
        width: 10%;
    }

    .ceg-p{
        font-size: 20px;
    }
    
    .programer-p{
        font-size: 16px;
    }

    #footer{
        padding: 5vh 10vw 2vh 10vw;
    }
}