* {
    margin: 0;
    padding: 0;
}

.cWrap{
    width: 100%;
    height: 100%;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    overflow: hidden;
}

.cKat1,
.cKat2,
.cKat3,
.cKat4 {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    flex-direction: row;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 25vh;
    width: 100vw;
}

.cKatA,.cKatB {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
    /*flex-direction: column;*/
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    height: 50vh;
    width: 100vw;
}

.cKat1 {background-image: url('../img/etterem.jpg');}
.cKat2 {background-image: url('../img/telisportok.jpg');}
.cKat3 {background-image: url('../img/szallas.jpg');}
.cKat4 {background-image: url('../img/furdo.jpg');}

.cKatA {background-image: url('../img/etterem-etlap.jpg'); background-color: cadetblue;}
.cKatB {background-image: url('../img/etterem-itallap.jpg'); background-color: beige;}

@media (orientation: landscape){
    .cKat1,
    .cKat2,
    .cKat3,
    .cKat4 {
        height: 50vh;
        width: 50vw;
    }

    .cKatA,.cKatB {
        /*flex-direction: row;*/
        height: 100vh;
        width: 50vw;
    }
}

a, a:hover, a:active{
    text-decoration: none;
}

a:hover, a:active{
    color: #F4E9D7;
}

.cCim{
    display: inline-block;
    background-color: rgba(56, 56, 56, 0.6);
    margin: 10px;
    padding: 10px;
    /*width: 36%; */
    min-width: 25%;
    font-family: 'Paytone One', sans-serif;
    font-size: calc(11px + (16 - 11) * ((100vw - 300px) / (2000 - 300)));
    color: white;
    text-transform: uppercase;
    text-align: center;
    /*background-color:#5A5A5A;*/
    /*background: #5c704c;*/
    /*background-color: #363636;
    opacity: 0.8;*/
    border: rgba(255,255,255,.1) solid 1px;
    /*transition: all .4s ease-in-out;*/
}

.cCim:hover{
    background-color: rgba(56, 56, 56, .9);
    transition: all .4s ease-in-out;
}

.cCimX{
    display: inline-block;
    background-color: rgba(56, 56, 56, 0.6);
    margin: 10px;
    padding: 10px;
    /*width: 36%; */
    min-width: 25%;
    font-family: 'Paytone One', sans-serif;
    font-size: calc(14px + (22 - 14) * ((100vw - 300px) / (2000 - 300)));
    color: white;
    text-transform: uppercase;
    text-align: center;
    /*background-color:#5A5A5A;*/
    /*background: #5c704c;*/
    /*background-color: #363636;
    opacity: 0.8;*/
    border: rgba(255,255,255,.1) solid 1px;
    /*transition: all .4s ease-in-out;*/
}

.cCimX:hover{
    background-color: rgba(56, 56, 56, .9);
    transition: all .4s ease-in-out;
}

i{font-size: 4vh;padding: 1vh;}

@media (orientation: landscape) and (max-width: 820px){
    i{font-size: 4vw;padding: 1vw;}
}

.cCimX i{font-size: 6vh;padding: 1vh;}

@media (orientation: landscape) and (max-width: 820px){
    .cCimX i{font-size: 6vw;padding: 1vw;}
}