@charset "utf-8";
/* CSS Document */

:root {
    --primary-color: #DCB76B;
    --primary-color-rgb: 220, 183, 107;
}
header div#logo {
    padding-top: 30px;
}
.de-title h2 {
    letter-spacing: 5px;
}
h2 {
    text-transform: unset;
}

.renk{
    color: #DCB76B;
}
.golge{
    text-shadow: 2px 2px 2px #000000;
}
.dih-title {
    text-transform: unset;
    opacity: 1;
    text-shadow: 2px 2px 2px #000000;
}
.card-image-1.mod-b .d-text {
    background: rgba(30, 30, 30, 0.5);
}
.card-image-1.mod-b:hover .d-text {
    background: rgba(0, 0, 0, 0);
    border: solid 1px rgba(255, 255, 255, 0);
}
.card-image-1.mod-b img {
    transform: scale(1.1);
    opacity: 0.5;
}
body.dark-scheme {
    color: #bbbbbb;
}
.cerceve{
    border: 6px solid #000000;
}
.galeri{
    height: 285px;
}
#subheader {
    padding: 140px 0 30px 0;
}
.carousel-item h1.s1, .de-title-2 h1.s1 {
    font-size: 40px;
}

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

}

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

}

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

}

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

}

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

}   

@media only screen and (max-width: 768px) {
    header div#logo {
        padding-top: 0px;
    }
    #logo img {
        height: 50px;
    }
}

@media only screen and (max-width: 576px) {
.carousel-item h1.s1, .de-title-2 h1.s1 {
    font-size: 34px;
}
}

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

}

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

}

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

}