body, html {
    font-family: 'Jost', sans-serif;
    color: #141823;
    background: #fdfdfd;
}

.kapcsdob{
    font-size: 18px;
    display: block;
}

.kapcsik {
    text-align: right;
}

.kapcsik i {
    font-size: 45px;
}

.herokep{
    background-image: url("199be7cc3e745d03.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    height: 500px;
    box-shadow: 0 0 30px rgba(0,0,0,0.3);
}

.hatteres {
    background-color: #ff343c;
    padding: 5px 10px;
}

.heroh{
    line-height: 60px;
    font-weight: bold;
}

.kamuh1{
    font-size: 2.5rem;
    font-weight: bold;
}

.alcim {
    font-size: 1.5rem;
    background-color: #ff343c;
    padding: 3px 10px;
    text-transform: uppercase;
}

.heroszam{
    background-color: #ff343c;
}

.herotel{
    color: white;
    font-size: 2rem;
    font-weight: bold;
    transition: color 0.3s ease-in-out;
}

.herotel:hover{
    color: #ffB;
    text-decoration: none;
}

.doboz{
    background: #fafafa;
    box-shadow: 0 1px 2px rgba(0,0,0,0.15);
    transition: box-shadow 0.3s ease-in-out;
    text-align: center;
    padding: 20px;
    box-sizing: border-box;
    cursor: pointer;
}


.doboz:hover{
    box-shadow: 0 5px 15px rgba(0,0,0,0.3);
    z-index: 10;
}

.sos{
    background: #ff343c;
    color: white;
}

.dobozikontarto{
    font-size: 40px;
}

.dobozcim{
    text-transform: uppercase;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

.elvalasztoszar{
    height: 4px;
    width: 50px;
    background-color: #ff343c;
    margin-bottom: 10px;
}

.pirosgomb{
    background-color: #ff343c;
    padding: 10px 20px;
    color: white;
    font-weight: bold;
    transition: background-color 0.3s ease-in-out;
}

.pirosgomb:hover{
    background-color: #141823;
    color: white;
    text-decoration: none;
}

footer{
    background-color: #222;
    color: white;
    width: 100%;
}

.kontakta{
    display: inline-block;
    margin-left: 5px;
    color: #ff343c;
}

.kontakta:hover{
    color: #ffB;
    text-decoration: none;
}

.kapcsa{
    display: inline-block;
    margin-left: 5px;
    color: #ff343c;
}

.kapcsa:hover{
    color: #141823;
    text-decoration: none;
}

.mukodesi{
    font-size: 10px;
}

.szolglist{
    font-size: 12px;
    text-transform: uppercase;
}

.vizszer{
    background: url("b407ebd6978a133a.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top right;
    min-height: 250px;
}

.konvektor{
    background: url("a68a78a6a7eefc5e.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 250px;
}

.wcszerelo{
    background: url("2de4ebf34505246d.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 250px;
}

.mosogep{
    background: url("2d866ce405313430.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 250px;
}

.dugulas{
    background: url("bd68892b4b023263.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center center;
    min-height: 250px;
}

.futes{
    background: url("5ceb5501ccbf2d9f.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom left;
    min-height: 250px;
}

.kapcsolatlap{
    background: url("d8b7d4d761417bb3.jpg");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center right;
    min-height: 250px;
}

.fooldalra{
    color: #141823;
    cursor: pointer;
}

.fooldalra:hover{
    color: #141823;
    text-decoration: none;
}