*::selection{
    background-color: #a59079;
}
p{
    text-align: justify;
}

.cim{
    text-align: center;
    margin-top: 80px;
    margin-bottom: 30px;
    font-size: 64px;
    text-shadow: 
    rgb(165, 144, 121, 1) 1px 1px 0px
    ,rgb(165, 144, 121, 0.9) 2px 2px 0px
    ,rgb(165, 144, 121, 0.8) 3px 3px 0px
    ,rgb(165, 144, 121, 0.7) 4px 4px 0px
    ,rgb(165, 144, 121, 0.6) 5px 5px 0px
    ,rgb(165, 144, 121, 0.5) 6px 6px 0px
}

.carusimg{
    width: 400px;
}

.slider{
    position: relative;
    margin-top: 80px;
}
.control{
    list-style: none;
}

.bemutatkozokard{
    display: flex;
    flex-direction: column;
    text-align: center;
    justify-content: center;
    align-items: center;
}


.control li{
    position: absolute;
    z-index: 999;
    top: 50%;
    transform: translateY(-50%);
    color: white;
    background-color: #00000050;
    padding: 18px 20px;
    border-radius: 50%;
    cursor:pointer;
}
.control li:hover{
    background-color: black;
    cursor: pointer;
}
.control li.prev{
    left: 20px;
    cursor: pointer;
}
.control li.next{
    right: 20px;
    cursor: pointer;
}
.slidepic{
    height: 415px;
    object-fit: cover;
}
@media only screen and (max-width: 1399px) {
    .slidepic{
        height: 355px;
    }
}
@media only screen and (max-width: 1199px) {
    .slidepic{
        height: 295px;
    }
}
@media only screen and (max-width: 991px) {
    .slidepic{
        height: 325px;
    }
}
@media only screen and (max-width: 767px) {
    .slidepic{
        height: 476px;
    }
}
@media only screen and (max-width: 575px) {
    .slidepic{
        height: 100%;
        object-fit: contain;
    }
}

@media only screen and (max-width: 767px) {
    .control li{
        padding: 10px 12px;
        border-radius: 50%;
    }
    .control li.prev{
        left: 5px;
        cursor: pointer;
    }
    .control li.next{
        right: 5px;
        cursor: pointer;
    }
}

.carousel-control-prev, .carousel-control-next,.carousel-control-prev::after, .carousel-control-next::after,.carousel-control-prev:active, .carousel-control-next:active{
    color: black;
}
.carousel-control-prev:hover, .carousel-control-next:hover{
    color: black;
}

.card{
    min-height: 220px;
    width: 90%;
    border: none;
    background-color: #D8C9B8;
    padding-left: 20px;
    padding-right: 20px;
}

@media only screen and (max-width: 991px) {
    .card{min-height: 600px;}
}

.card-title{
    padding-bottom: 20px;
    font-weight: 600;
}


.kkepnav{
    margin-top: 80px;
    display: grid;
    grid-template-columns: 25% 25% 25% 25%;
    place-items: center;
}
.kkepnav>a>img{
    transition: 0.3s ease;
    border-radius: 10px;

}
.kkepnav>a>img:hover{
    transform: scale(1.05);
}
@media only screen and (max-width: 1000px) {
    .kkepnav{
        grid-template-columns: 50% 50%;
    }
}
@media only screen and (max-width: 400px) {
    .kkepnav{
        grid-template-columns: 100%;
    }
}



.kepszoveg{
    margin-top: 15px;
    color: black;
}
.kep1,.kep2,.kep3,.kep4{
    text-decoration:none;
    margin: 5px;
    padding: 10px;
}
.kep1>img,.kep2>img,.kep3>img,.kep4>img{
    max-width: 100%;
}

hr{
    height:1px;
    border-width:0;
    background-color:#000000;
    color: #000000;
}

.nemesen{
    font-family: 'Dancing Script', cursive;
    font-size: 36px;
}